vue的iview表格某一列可点击按钮

在 iView 表格的某一列中添加可点击按钮，可以使用 iView 表格的 slot-scope 属性以及 iView 中的 Button 组件。具体步骤如下：

1. 在 iView 表格中的 columns 属性中添加要添加按钮的列，并设置 slot-scope 属性：

<template>
  <Table :columns="columns" :data="tableData">
    <template slot-scope="{row}">
      <Button type="primary" @click="handleClick(row)">点击</Button>
    </template>
  </Table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '姓名',
          key: 'name'
        },
        {
          title: '操作',
          slot: 'actions'
        }
      ],
      tableData: [
        {
          name: '张三'
        },
        {
          name: '李四'
        }
      ]
    }
  },
  methods: {
    handleClick(row) {
      console.log(row)
    }
  }
}
</script>

2. 在 iView 表格中的 template 标签中添加要添加按钮的内容，并设置 slot 属性为 actions：

<template>
  <Table :columns="columns" :data="tableData">
    <template slot-scope="{row}">
      <span slot="actions">
        <Button type="primary" @click="handleClick(row)">点击</Button>
      </span>
    </template>
  </Table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '姓名',
          key: 'name'
        },
        {
          title: '操作',
          slot: 'actions'
        }
      ],
      tableData: [
        {
          name: '张三'
        },
        {
          name: '李四'
        }
      ]
    }
  },
  methods: {
    handleClick(row) {
      console.log(row)
    }
  }
}
</script>

以上两种方法都可以实现在 iView 表格的某一列中添加可点击按钮的效果。