vue-在table组件的render中添加事件

爱吃橙子的猪

于 2020-08-20 13:29:36 发布

阅读量2k

点赞数

文章标签： vue vue.js 前端

本文链接：https://blog.csdn.net/Vivian_0430/article/details/108121738

版权

Vue 专栏收录该内容

5 篇文章

订阅专栏

<template>
<div>
  <a-table :columns="columns" />
</div>
</template>
<script>
export default {
  data() {
      columns:[
        {
          title: '操作',
          align: 'center',
          dataIndex: 'action',
          customRender: (text, record, index) => {
            const delete =()=>{
              this.handleDel(record.id);  //调用method里面的方法
            }
            let content = (<a-button  onClick={ delete }></a-button>); 
            const obj = {
              children: content,
              attrs: { colSpan: 1 },
            };
            return obj;
          } 
        }
      ]
  }
}
</script>