element-ui el-select绑定实际值显示label值

html

例后端返回数据

res = {type:0}

直接赋给form绑定值

this.form = res;

结果

虽然可以写一个表达式或判断一下，但会多一步操作

element-ui select组件会自动匹配 传入的值 和 value值,如果相等 则显示此value所对应的label值

这里没有匹配原因则是我们绑定值是字符串 也就是 "0"，后端数据是 0 类型是number

 

So 加上 v-bind , ' : '是 v-bind 简写,value的值类型就为number了

搞定