vue+element table某一列的表头增加点击事件

 html代码：

@header-click="clickFun" 

注意：@header-click="clickFun()"   加括号就出不来了

<el-table ref="multipleTable" :data="arrsubmit" tooltip-effect="dark" @header-click="clickFun" style="width: 100%" border>
<el-table-column align="center" prop='StreamName' label="任务名">
</el-table-column>
<el-table-column align="center" prop="Episode" label="集">
</el-table-column>
<el-table-column align="center" prop="ProcessName" label="工序">
</el-table-column>
<el-table-column v-if="bshowFile" key="1" align="center" prop="Fileorigin" label="下载文件来源">
</el-table-column>
<el-table-column v-if="auditRollbackStatus" align="center" prop="RollbackList" label="选择回滚节点">
<template slot-scope="scope">
<span v-for="item in scope.row.RollbackList">
<el-radio v-model="scope.row.RollbackNode" :label="item.FlowID">{{ item.ProcessName }}</el-radio>
</span>
</template>
</el-table-column>
</el-table>

method方法：

根据column中的label选择具体某一列

clickFun(column,event){
if (column.label === '选择回滚节点'){
this.dialogVisible = true
}
},

还可以使用第二种方法：

<template slot="header" slot-scope="scope">
<el-button type="success" size="small" plain @click="dialogVisible = true">
选择回滚节点
</el-button>
</template>

最后

以上就是壮观发夹为你收集整理的vue+element table某一列的表头增加点击事件的全部内容，希望文章能够帮你解决vue+element table某一列的表头增加点击事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。