这个问题了,卡了我俩小时,为了解决它,都没来及吃饭,啊啊啊啊,是我太笨了吧。
上面这个表格中的勾选框,正常情况,点击可以实现选中和取消,但因为数据是vue中新增的Data属性,数据变化无法响应视图。我百度试了许多办法,没有找到合适的,烦躁至极,正要关电脑走人之时,突然灵感乍现,通过使用$set 解决了此问题。
代码如下:
// 第一个参数:数据源(data中的数据)
// 第二个参数:索引(指定属性名key、索引)
// 第三个参数:设置的值
this.$set(this.selectedGoodsArrs,Index,row)
看下解决完后的效果。点击勾选框,选中取消、切换自如。
下面是我的个人博客,欢迎大家来访哦
王天真帅 | 持续输出个人成长方法论分享个人成长 | 写作方法 | 好书推荐 | 干货文章。说人话写真事,内容让你一看就懂,上手能用。https://wx.dslcv.com/