vue+element-ui select组件传对象

应用场景：在使用选择组件 select 的时候：如果想要绑定的值，是一个对象，这样就可以获取整个对象，然后获取所需要的值进行赋值。可以如下操作：value直接绑定对象item，但是需要注意的是：在select 上要加上属性：value-key,他对应的值，是:key="" ，所绑定的，不然就会有问题。注意：在编辑的时候，如果select 需要展示值的话，必须给 addForm.city...

曾曾子

3832人浏览 · 2019-04-25 15:28:10

曾曾子 · 2019-04-25 15:28:10 发布

应用场景：
在使用选择组件 select 的时候：如果想要绑定的值，是一个对象，这样就可以获取整个对象，然后获取所需要的值进行赋值。
可以如下操作：
value直接绑定对象item，但是需要注意的是：在select 上要加上属性：value-key,他对应的值，是:key="" ，所绑定的，不然就会有问题。
在这里插入图片描述
注意：在编辑的时候，如果select 需要展示值的话，必须给 addForm.cityItem，赋值为相应的对象，不然select 显示的就是一个cityId,而不是对应的名称name。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^