vue屏蔽点击事件
思路如果不能点击就 return false://调用,table的方法,展开/折叠 行clickTable(row, column, cell, event){if (column.label == '操作') {return false // 判断为"操作"栏的就不用展开table} else {this.$refs.refTable.toggleRowExpansion(row)}},就是这
·
思路如果不能点击就 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)
}
},
就是这个操作,在点击整行是要展开的,但这样点击“操作”的按钮也会把折叠打开了,所以就要控制一下,当点击“操作”下面的按钮的时候就不要让行展开了,这样就要判断,当取到标题为“操作”的时候禁止点击整行展开,这样就是禁止点击事件。
更多推荐
已为社区贡献15条内容
所有评论(0)