vue3给iview表格里面数据添加a标签点击事件
时间: 2023-08-11 16:46:08 浏览: 66
要给iview表格里面的a标签添加点击事件,可以在自定义渲染函数中给a标签添加click事件,并在该事件处理函数中实现点击a标签的具体操作。具体实现步骤如下:
1. 在自定义渲染函数中给a标签添加click事件,并设置事件处理函数。
2. 在事件处理函数中实现点击a标签的具体操作。
以下是示例代码:
```javascript
<template>
<i-table :columns="columns" :data="data"></i-table>
</template>
<script>
export default {
data() {
return {
columns: [
{
title: '姓名',
key: 'name',
render: (h, params) => {
return h('a', {
attrs: {
href: params.row.link,
target: '_blank'
},
on: {
click: () => {
console.log(`点击了${params.row.name}`)
}
}
}, params.row.name)
}
},
{
title: '年龄',
key: 'age'
}
],
data: [
{
name: '张三',
age: 20,
link: 'http://www.baidu.com'
},
{
name: '李四',
age: 25,
link: 'http://www.google.com'
}
]
}
}
}
</script>
```
在上述示例代码中,我们在自定义渲染函数中给a标签添加了click事件,并设置了事件处理函数。在事件处理函数中,我们输出了点击的姓名。这样,在点击a标签时,就会触发该事件处理函数,从而实现了点击a标签的具体操作。