Vue element-UI el-select循环选中问题

最新推荐文章于 2024-06-13 14:50:33 发布

疯狂的代码奴

最新推荐文章于 2024-06-13 14:50:33 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_43092301/article/details/106840533

前端专栏收录该内容

2 篇文章

订阅专栏

在使用Vue和element-UI的项目中，遇到el-select组件在el-checkbox-group循环中选中后无法正确回显的问题。通过调用$forceUpdate()方法强制更新视图，暂时解决了此问题。现寻求更优解决方案，期待同行交流。

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

Vue element-UI el-select循环选中问题

由于使用el-checkbox-group多选框循环包围着同一个下拉框，导致下拉框选中后无法正常回显

@change="$forceUpdate()"

这里使用了$forceUpdate()，使其强制更新视图，下面是我的源码

<el-checkbox-group v-for="(item,index) in getMonitorAdd" :key='index' v-model="item.userId" >
	<el-checkbox >{{item.userName}}</el-checkbox>
	<el-select v-model="item.arr" @change="$forceUpdate()" placeholder="请选择">
		<el-option v-for="items in userTypeSel" :key="items.id" :label="items.code" :value="items.value"></el-option>
	</el-select>
</el-checkbox-group>