element 多选框回显无法点击问题

最新推荐文章于 2024-06-03 10:33:16 发布

原创最新推荐文章于 2024-06-03 10:33:16 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui

vue 同时被 2 个专栏收录

4 篇文章

订阅专栏

element

1 篇文章

订阅专栏

在前端开发中遇到Element UI多选框的两个问题：1.从后端获取数据后，多选框无法渲染，通过reload()并在数据加载后更新组件解决。2.回显后多选框无法点击，原因是数据类型不匹配和DOM未绑定。通过将字符串数组转为数值数组，并使用this.$set()方法绑定数据修复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天做项目遇到了element多选框遍历回显的问题

1.dom无法渲染

在从后端拿到多选框数据后，页面不能渲染出来的问题，我将多选框放入el-dialog中，打开dialog不显示，后来使用reload（）等数据到了再刷新一下多选框组件就可以出来了。

2.多选框回显后无法点击

在回显后，多选框无法点击，这里有两点错误：
1.后台返回的数组是[“1”,“2”]是stirng形式的，而我需要number形式的，这里使用array.map(Number)方法转换一下。
2.就是无法点击，这里是因为拿到数据后，dom还没来得及绑定，可以使用this.$set(this.formDetail, ‘distributedDepts’, this.formDetail.distributedDept.split(’,’)),绑定下就好了。