您现在的位置是：网站首页> 编程资料编程资料

vue el-select绑定对象时,回显内容不正确,始终是最后一项的解决_vue.js_

2023-05-24 349人已围观

简介 vue el-select绑定对象时,回显内容不正确,始终是最后一项的解决_vue.js_

使用el-select组件绑定类型为对象时，回显内容始终为选项的最后一项，但是通过控制台打印的信息却是所选项。

使用代码：

选项图示：

显示错误图示：

实际选择了蚵仔煎，回显的内容却是北京烤鸭，但日志打印出的是蚵仔煎，是正确的。

官网上有说明，若绑定值为对象类型时，必须指定value-key，作为 value 唯一标识的键名。所以只需在el-select中增加value-key即可。

修改后el-select使用代码：

好好看官方文档！！！

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：Vue动态数据实现 el-select 多级联动、数据回显方式_vue.js_