<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>
vue-在table组件的render中添加事件
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 首先对Render进行分析,在iview官方的文档中,找到了table插入Button的例子: 这是Table的表...
- nativeOn: 用于 “监听组件” ,监听原生事件,而不是用于组件内部vm.$emit触发的事件。 nativ...