针对el-select绑定默认值问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了针对el-select绑定默认值问题相关的知识,希望对你有一定的参考价值。

参考技术A 1.问题重现
创建了一个dialog 绑定了一个对象newDestination 要让其状态属性默认为正常

数据

打开dialog方法

此时可以看到 el-select并未正常选中正常 而输入框显示的是1

正确做法
将data中newDestination: , 首先初始化newDestination:status:1 这样 在渲染前就可以正常绑定默认值了

el-select 中value-key属性的使用

参考技术A 当选择 select 中的一项之后,要取其绑定的多个内容时,需要此属性
官网上是这样写的:

也就是说 el-select 绑定的值一定是一个对象
例如:

因为绑定的 option 数据很多,我们要在选择一项之后获取该项绑定的多个内容
options 中的 value 为对象!!!!!!!

接下来再在 change 之中愉快的抓取结果就 ok!

因为没仔细看文档,花很多时间遍历数组寻找索引找对饮索引的其他值了!!!! 所以,记下来!瞧它!多简单!

以上是关于针对el-select绑定默认值问题的主要内容,如果未能解决你的问题,请参考以下文章

若依vue中el-select绑定值为整数无法默认选择

vue el-select 设置默认值后选项无法切换

el-select设置默认值后选项无法切换

el-select选择器根据后台返回动态展示内容

elementUI的el-select 默认值显示value不显示label问题

el-select 修改选中值,再打开有两个选中效果的解决办法