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

Question

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

Answer 1

解决方法:

//checkChange为表格的@current-change事件，Tablecheck为data中存储选中行的变量

checkChange (row) {

      if (row === null) {

      } else {

        this.Tablecheck = row  //将被选中的行的数据取出

      }

    }

Answer 2

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

Answer 3

<Pagination @current-change="onPaginationChange" />

<Table @current-change="onTableChange" />

为什么会冲突？

Answer 4

那两个标签是不是父子关系了？如果是，在子类标签的事件触发时，阻止冒泡。这样就不会出发父类的事件了