elementiui select多选回显之后不能编辑

Question

大家好，我碰到一个elementui的问题，elementui的select多选这里，我从后端会拿到一个数组，然后我把这个数组赋值给前端多选对应的数组，这样多选的数据可以正常显示到

但是显示之后我点击这个多选下拉框就毫无反应，点击删除按钮也不行，有谁碰到过这个问题？

代码的话就是这样的

<el-select multiple v-model="trobuleVulnModel.vulTypeList" placeholder="请选择安全隐患分类" name="vulTypeList" style="width: 100%;" :disabled="noEdit" @change="selectChangeTest">
     <el-option v-for="item in loopholeTypeList" :label="item.value" :value="item.code" :value-key="item.code"></el-option>
</el-select>

回显的数据是这样的

this.trobuleVulnModel.vulTypeList = this.parentData.vulType.code.split(",");

因为从后台拿到的是这样的，所以要转一下

vulType: {code: "040305,040306,040302", value: null}

请教大神

Answer 1

:disabled="noEdit"

//这里禁用了吧

Answer 2

先看下控制台有没有报错吧。之前好像遇到过，依稀记得是因为数组的问题

Answer 3

Answer 4

@change事件强制渲染