首页 > web前端 > js教程 > vue iview组件表格 render函数的使用方法详解

vue iview组件表格 render函数的使用方法详解

亚连
发布: 2018-05-30 10:53:03
原创
5129 人浏览过

下面我就为大家分享一篇vue iview组件表格 render函数的使用方法详解,具有很好的参考价值,希望对大家有所帮助。

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

attrs 来加入而不是props

{
 title: '操作',
 key: 'action',
 align: 'center',
 render: function (h, params) {
 return h('p', [
  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);
   }
  }
  }, '删除')
 ]);
 }
}
登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JavaScript代码实现txt文件的上传预览功能

Angular使用操作事件指令ng-click传多个参数示例

Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例

以上是vue iview组件表格 render函数的使用方法详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板