elementui选择器多选时闪_element-ui中select选择器之多选编辑回显展示问题?

el-select新增的时候是以Tag的形式展现, 新增和编辑操作是在同一个文件操作, 没有分开, 根据id来编辑当条数据时展示是以下拉的形式来展示, 而不是以Tag的形式展现, 这就奇怪了, 新增和编辑都是以同一种方式来操作, 为什么不是一样的? 其次select多选是根据id来查询, 查询完之后是重新获取查询全部select的list吗? 但是查询全部select的list就会把之前根据id来查询当前条给覆盖了, 就会导致查询没起效果

form: {

startTime: "",

endTime: "",

type: "",

target: "",

userIds: [],

lineId: "",

remark: "",

published: "",

orgId: ""

},

created() {

this.initPatrolPlan();

},

methods: {

// 获取巡护人员列表

getPatrolUser() {

this.$http.get(this.$api.userList).then(res => {

this.userList = res.data.data.userList;

});

},

// 编辑

editPatrolPlan() {

this.$http

.get(this.$api.patrolPlan + this.multipleSelection[0].id)

.then(res => {

console.log('res', res);

this.form = res.data.data.plan;

this.userList = res.data.data.plan.users;

// 调用查询全部select接口, 如果调用该接口就会把之前查询当前行select多选给覆盖了, 这里该如何操作?

// this.getPatrolUser();

});

}

}

编辑的时候打select多选数据

新增的时候添加select多选展示

编辑的时候以下拉的形式展示, 查询

编辑调用查询全部select打印数据, 前面我给注释了