vue iview组件表格 render函数的使用 vue iview组件表格 render函数如何使用详解

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue iview组件表格 render函数的使用 vue iview组件表格 render函数如何使用详解

搞怪程序猿   2021-03-28 我要评论
想了解vue iview组件表格 render函数怎样使用详解的相关内容吗,搞怪程序猿在本文为您仔细讲解vue iview组件表格 render函数的使用的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,iview,render,下面大家一起来学习吧。

如果要在标签中加入属性,例如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);
   }
  }
  }, '删除')
 ]);
 }
}

以上这篇vue iview组件表格 render函数的使用方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们