记一次el-checkbox包裹一层div,点击div勾选复选框,点击复选框却没反应的bug

备选项
 ceshi(){
    this.checked = !this.checked
   },

如图,点击div时,点击div取消,勾选复选框是正常的,但是点击复选框却失效,这是由于冒泡,相当于改了两次checked的值,造成值没变,只需要给checkbox的点击事件取消冒泡就可以了

备选项
ceshi(){
    this.checked = !this.checked
   },
   boxEvent(){
   }

你可能感兴趣的:(bug,javascript,前端)