网站定制开发特点,好用网站推荐免费,可信的专业网站建设,dedecms物流企业网站模板(适合快递碰到一个问题#xff0c;选择框的数据是后端传过来的#xff0c;下拉框的数据也是后端传过来的#xff0c;但是打开下拉框时#xff0c;发现数据没有高亮。 最后发现#xff0c;只要选择框v-model给的值和option的value绑定的值一致#xff0c;就可以高亮。
大多数情况下…碰到一个问题选择框的数据是后端传过来的下拉框的数据也是后端传过来的但是打开下拉框时发现数据没有高亮。 最后发现只要选择框v-model给的值和option的value绑定的值一致就可以高亮。
大多数情况下都绑定的是value值下图的name所以发现不了这个问题。
其实两个都绑定id也是可以的只要两个绑定的一致就行。
el-select v-modelform classm-2 placeholderSelect sizelargeel-option v-foritem in options :keyitem.value :labelitem.name :valueitem.id / //value绑定的值是id
/el-selectconst options [{id: 123,name: 名字一},{id: 456,name: 名字二},{id: 789,name: 名字三}
]let form ref(123) //v-model给的值也是id
不是说form给的值是什么就显示什么这里form给123但是选择框显示的还是名字一。
因此option的label决定了显示。