element 的select 到底怎么设值和取值?
<el-select
v-model="value"
>
<el-option v-for="(kValue,key) in options" :key="key" :label="kValue"
:value="key">
</el-option>
</el-select>
"value": "",
"options": {
"1":"test1",
"2":"test2222"
},
用element的select做下拉列表,
我配置的话,绑定的类型是对象类型,不是数组类型,选中值的时候,显示的是key对应的内容,取值的时候是把key取出来,然后用过可key取得key对应的内容,而设置值的时候,把key值放入value中,让select的输入框自动显示key对应的内容。用户等窗口显示后进行设置
可出现了问题,设置值的时候,直接把对象里的属性key赋值给value,而select却显示的是key值,而不是key对应的值,比如我设value为1,select显示却是1,而不是 test1。
这个怎么解决啊。
若直接赋值key所对应的内容给value的话,那保存取出就不是key。这个不行
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
options{KValue:'test1',kye:'test222'} 你这样你的 model 取的值就是 :value="key"
之前也和你遇到了同样的问题,但后来我发现如果先对value变量赋key值之前,你要保证options(因为我是后端获取options的,所以存在时间间隔,如果options初始化有值,则不存在这个问题)的key-value键值对存在就可以了。这样select组件就可以通过value对应的key来找到label了,并且将label显示在select ui组件上