vue iview组件表格 render函数的使用

最新推荐文章于 2025-04-14 15:15:47 发布

搞怪程序猿

最新推荐文章于 2025-04-14 15:15:47 发布

阅读量3.3w

点赞数

分类专栏： vue.js 文章标签： vue render函数

本文链接：https://blog.youkuaiyun.com/zjl516088421/article/details/78067034

版权

vue.js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Vue项目中使用表格组件实现按钮操作，包括查看和删除功能的具体实现方式。通过具体代码示例展示了如何定义按钮样式及交互事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果要在标签中加入属性，例如img 中src属性   a标签中href属性  此时需要用到

attrs 来加入而不是props

{
  title: '操作',
  key: 'action',
  align: 'center',
  render: function (h, params) {
    return h('div', [
      h('Button', {
        props: {
          type: 'primary',
          size: 'small'
        },
        style: {
          marginRight: '8px'
        },
        on: {
          click: function () {
            mCheck.singleShow(params.row);
          }
        }
      }, '查看'),
      h('Button', {
        props: {
          type: 'error',
          size: 'small'
        },
        on: {
          click: function () {
            mCheck.singleDel(params.row, params.index);
          }
        }
      }, '删除')
    ]);
  }
}