elementui 使用el-select 注意点
//注意 value 值是可以自己去组装的,这样的场景是在提交数据时可能一个字段不能满意,需要整条数据里的2到多个可以用这种拼接的方式,在使用方法处需要结构出来每个字段来拼接到form整个数据里
注意在编辑回显的地方也需要注意整个form对象数据里是否有这几个拼接的数据,如果没有需要单独再拼接上去
<el-form-item label="负责人" prop="user">
<el-select
placeholder="请选择部门负责人"
v-model="deptForm.user"
@change="handleuser"
>
<el-option
v-for="item in userList"
:key="item.userId"
:label="item.userName"
:value="`${item.userId}/${item.userName}/${item.userEmail}`"
>
</el-option>
</el-select>
</el-form-item>
//选择部门负责人
handleuser(val) {
const [userId, userName, userEmail] = val.split("/");
Object.assign(this.deptForm, { userId, userName, userEmail });
},
//编辑
handleEdit(row) {
this.action = "edit";
this.showModal = true;
this.$nextTick(() => {
Object.assign(this.detpForm, row, {
user: `${row.userId}/${row.userName}/${row.userEmail}`,
});
});
},
版权声明:本文由Web学习之路发布,如需转载请注明出处。