vue屏蔽点击事件

思路如果不能点击就 return false:

实现思路:

1. table 添加  ref="refTable" 引用 该table

2. table 添加  @row-click="clickTable" 点击事件

3. 点击时,调用table的方法 toggleRowExpansion ,展开/关闭


//调用,table的方法,展开/折叠 行
clickTable(row, column, cell, event){
    if (column.label == '操作') {
        return false // 判断为"操作"栏的就不用展开table
    } else {
      this.$refs.refTable.toggleRowExpansion(row)
    }
},

vue屏蔽点击事件_第1张图片
就是这个操作,在点击整行是要展开的,但这样点击“操作”的按钮也会把折叠打开了,所以就要控制一下,当点击“操作”下面的按钮的时候就不要让行展开了,这样就要判断,当取到标题为“操作”的时候禁止点击整行展开,这样就是禁止点击事件。

你可能感兴趣的:(vue+element)