vue 数据更新了,但是dom没有发生变化(使用iview 的 radio和 checkbox遇到的问题)

22 篇文章 0 订阅
1 篇文章 0 订阅

o(╥﹏╥)o·······,今天做项目的时候遇到一个问题,项目使用的是iview,然后页面是这样的,题目对应不同的题型,包含单选和多选,我用的iview单选和多选控件,点击对应的序号的时候,显示对应的题目,和该题对应的答案。

 

 

遇到的问题:单选题切换没有问题(我也不知道为什么单选切换是正常的o(╥﹏╥)o,难道因为单选的答案是字符串,多选的答案是数组的关系???),但是多选题之间的切换,没法选中答案,点击两次才会显示答案,数据已经变成最新一题的数据了,但是就是没法选中答案

这是页面代码

这是执行点击事件的代码

然后this.currentQuestion已经变成最新的了,但是选项没法选中,后来想想,觉得是因为执行顺序的问题,数据更新了,但是dom还没更新,于是改成了这样:

恩恩 ,对,这样也还是不行,是针对我这里不行,因为我的this.currentQuestion还没有改变,所以dom更新了还是和原来一样,所以要先让this.currentQuestion变一下,然后再把新值赋值给它。

这样就可以了,我是先把值清空了,然后再重新赋值,因为这个时候this.currentQuestion改变了,然后等dom更新了,再把对应的值给它。(*^▽^*)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值