当在table上单击排序插入符时,有什么方法可以发出事件(最好使用与标题单击相同的参数)与可排序的列?
我可以通过单击任何可排序列的标题(标题单击)来发出事件,但单击排序插入符时不会发生任何情况。
最佳答案
I can emit an event by clicking on the header of any sortable column (header-click), but nothing happens when clicking on the sort carets.
这是预期的行为,看起来您正在执行 sort-change
事件,当表的排序更改时会触发该事件:
<template>
<el-table @sort-change="sortChange" @header-click="headerClick" :data="tableData" :default-sort="{prop: 'date', order: 'descending'}" style="width: 100%">
<el-table-column prop="date" label="Date" sortable width="180">
</el-table-column>
<el-table-column prop="name" label="Name" sortable width="180">
</el-table-column>
<el-table-column prop="address" label="Address" sortable :formatter="formatter">
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [{
date: '2016-05-03',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles'
},
//...
]
}
},
methods: {
sortChange(sortProps){
this.headerClick(sortProps.column,event) //optional: trigger header-click event
},
headerClick(column, event){
console.log("Header clicked: " + JSON.stringify(column))
}
}
}
</script>
关于javascript - 元素用户界面 : Emitting an event on sort caret click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54582436/