有这样一个需求element+vue实现显示的table的表头添加一个添加图标,并绑定一个。。。

更新时间:2023-06-20 23:05:52 阅读: 评论:0

龙鱼好养吗
有这样⼀个需求element+vue实现显⽰的table的表头添加⼀个添
加图标,并绑定⼀个。。。
有这样⼀个需求  element +vue 实现显⽰的table 的表头添加⼀个添加图标,并绑定⼀个点击事件,我查了好多资料,终于找到table 表头的⼀个事件  :render-header 可以实现。
代码html
           <el-table-column fixed="left" width="65px"  :render-header="renderHeader">
<template slot-scope="scope">
<el-button @click.native.prevent="deleteRow(scope.$index, formDetail.taxEntityList)"
size="small"><i class="el-icon-remove-outline"></i></el-button>
人才工作会议</template>
</el-table-column>
</el-table>
  js:
methods: {
隧道英语
梦见吃面条renderHeader(h, { column, $index }){
return h('div', null,[
qq星座运势
h('span',null,[
香蕉孕妇能吃吗h('i',{class :'el-icon-circle-plus-outline', on:{
退票
click: function () {
vm.addRow();
}优秀毕业生申请书
}},''
)
]
),
])
}
}
  js的意思就是添加⼀个div ⾥⾯有个span  , span⾥⾯加⼀个<i class="el-icon-circle-plus-outline"></i>图⽚的class,on 后⾯的是绑定⼀个点击事件。注意返回的h(),第三个参数是个数组,就好似⼀个div⾥⾯有多个标签;
蓝⾊的意思是每⼀⾏有⼀个删除图⽚的按钮,点击删除

本文发布于:2023-06-20 23:05:52,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1001680.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:添加   点击   数组   事件   绑定
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图