vue3中使用el-checkbox-group回显后无法重新勾选或取消问题解决

import { nextTick } from 'vue'

在vue3中,首先引入nextTick,

nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它

nextTick(() => {
	//在这里进行回显赋值操作
})

这时候再去操作复选框组,发现可以操作了。

vue2中也是同理,

this.$nextTick(() => {
   //执行回显赋值操作
})

仅记录个人工作中碰到的一些小问题,网上搜了很多,答案五花八门,没有能帮到我的,无意之间发现了一篇类似的帖子,遇到的情景和我有些相似,我试着改造后引入我的代码中,发现成功解决,以此来写这篇博客,希望能帮到有需要的人

你可能感兴趣的:(vue.js,前端,javascript)