Ant Design vue a-checkbox-group 不生效

最新推荐文章于 2024-04-30 16:39:26 发布

小辣机呀

最新推荐文章于 2024-04-30 16:39:26 发布

阅读量2.5k

点赞数 1

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

本文链接：https://blog.csdn.net/qq_51622532/article/details/123109455

版权

ant desgin vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Ant Design vue a-checkbox-group 不生效

问题是点击多选框之后没有改变视图
当我点击多选框之后
原因以及解决

问题是点击多选框之后没有改变视图

在拿到数据回填后，点击多选框没有改变视图，代码如下：
demo ：
在这里插入图片描述

数据：

方法：
在这里插入图片描述

当我点击多选框之后

打印的数组
在这里插入图片描述
视图

原因以及解决

我就发现数据其实是已经改变了的，但是他的视图却没有改变，因此我怀疑是因为 vue 会监听不到数组的变化，故此使用 this.$forceUpdate() 来强制刷新页面，问题就解决了。

    admissionChange (checkedValues) {
      this.$set(this.form, 'admissionModeArr', checkedValues)
      this.$forceUpdate()
      this.setCkeckBox = Boolean(this.form.admissionModeArr.includes('3'))
      console.log(this.form.admissionModeArr)
    },