猿问

使用element-ui 的组件时,其中二个组件的事件名相同,导致重复触发事件,引起冲突!

1.使用element-ui 的组件时,Pagination组件和Table组件中的事件都有current-change, 如果在一起使用上面二个组件,会导致事件冲突,怎么样处理?

慕神8447489
浏览 2117回答 4
4回答

qq_慕码人803445

解决方法://checkChange为表格的@current-change事件,Tablecheck为data中存储选中行的变量checkChange (row) {      if (row === null) {      } else {        this.Tablecheck = row  //将被选中的行的数据取出      }    }

慕村225694

找到了问题所在,有一个表格,此表格可以翻页,默认第一页时,选中某行,会触发表格的current-change事件,然后翻页到第二行时,此时要该表格绑定的数据,由于表格数据的改变引发表格的改变触发了current-change事件,所以此时造成一种错觉,也就是说表格组件的current-change事件触发的条件,就是表格只要有变化,那么就会触发该事件

慕雪6442864

<Pagination @current-change="onPaginationChange" /><Table @current-change="onTableChange" />为什么会冲突?

慕桂英546537

那两个标签是不是父子关系了?如果是,在子类标签的事件触发时,阻止冒泡。这样就不会出发父类的事件了
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答