vue循环里添加点击事件,方法执行来两次

html里嵌套了两层循环,在处理复选框时,上面的多选生效,单选方法会执行两次,导致方法不好使

 

 

这是js里的方法,也是上面html里的两个方法,我在尝试打印console时发现执行了两次,当时不知道因为啥就加了一个计时器

不出所料还是没好用,我查过相关资料,浏览器会有这种情况,用计时器就可以解决,但真机上是不会有这种问题的,所以如果项目只用于浏览器遇到这种问题就可以用计时器,原文章是这样说

 

原文章地址:https://www.jianshu.com/p/970d20d00ee4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation


到此为止我的问题也没有解决,我就在想会不会是时间冒泡或者是事件委托的问题,我就尝试了一下,果然好用,方法不会执行两次了

 

 但是出现了新的问题,在js直接改select的值不生效了,然后我就用到了最近两天新学的ES6的新方法,$set()

 

 这样就好使了,至此我遇到的问题解决了,如果我上述有什么问题写的不对欢迎指正

 

posted @ 2021-03-09 14:35  bk-双鱼座的博客世界  阅读(1400)  评论(0)    收藏  举报