Rumah >hujung hadapan web >tutorial js >vue iview组件表格 render函数的使用方法详解

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

亚连
亚连asal
2018-05-30 10:53:035124semak imbas

下面我就为大家分享一篇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实现字母大小写转换功能示例

Atas ialah kandungan terperinci vue iview组件表格 render函数的使用方法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn