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

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

clipboard.png

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

代码的话就是这样的

<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}

请教大神

回复
阅读 5.9k
4 个回答
:disabled="noEdit"

//这里禁用了吧

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

@change事件强制渲染

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏