el-lect参数的问题
el-lect
1. 之前我对element-ui的使⽤⽐较浅显,在项⽬中遇到⼀些复杂的情况就不知道怎么处理了,直接说问题
2. element-ui 的 el-lect
v-model的值为当前被选中的el-option的 value 属性值
<template>
<el-lect v-model="value" placeholder="请选择">
<el-option
耳朵大有福
事故反思心得体会v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
亚麻金色头发</el-option>
</el-lect>
尤克里里谱
</template>
1. 显⽽易见,当el-lect选中的时候,我们通过v-model的获取到的值就是el-option的value的值, ⼀般这个值是⼀个id,⽤来⽤来区分
id对应的label到底是什么.
2. ⼀般来说,我们拿到这个id,后台就能通过这个id标识⽤户选中的label是什么,但是⽬前我遇到⼀个问题, 业务场景是这样的,⽤户通
过下拉框,把选中的东西添加到数组中,然后提交数组中的内容,⽤于保存配置. 如果遇到这样的情况,仅仅只拿到id是不够的,因为对于后台⽽⾔,他需要id就够了,但是对于⽤户⽽⾔,如果你把id渲染到表格中,⽤户是看不懂的,这时我们就会有⼀个想法: 要是我能在lect选中的时候,同时拿到id和label该多好啊!
3. 是的,之前我都是通过循环数组,然后⼿动吧id变成对应的label,最后渲染到列表中,这样实在是太⿇烦了,⽽且有⼀个致命的问题,如
果有很多条数据,你⽤⼿动添加改变label的值的话,⼀天就别⼲别的了(⽽且恶⼼)
相信你英文3. value-key
1. 是的,解决的办法就是value-key
画画的英文怎么写
2. 在ele的官⽅⽂档上说了,如果我们在el-lect选中的时候,不仅仅只拿到⼀个id,⽽是想拿到⼀个对象,并且这个对象中有我们需要
的数据.只需要增加⼀个⾏间属性:value-key.即可.俗话说的好,⼩孩⼦才做选择,像我们⼀般是全都要
3. 上代码
<el-lect v-model: data value-key:id>
<el-option v-for='(item,index) in array' :key='index' :value='item' :label='item.title'> </eloption>
</el-lect >荷花品种大全
1. 就是这么⼀个⼩东西,解决了我便秘的问题.简单来说,就是在el-lect的⾏间添加⼀个value-key这个属性,属性绑定⼀个唯⼀值,并
且在el-option中,value绑定的值直接为循环的数组项即可
七年级上册英语手抄报2. 这样就拿到了我们所有需要的数据,之后想⽤什么就取什么岂不是美滋滋?