当前位置:主页 > vue.js教程 > vue iview组件表格 render函数的使用方法详解

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

发布:2020-02-18 18:30:12 191


给网友朋友们带来一篇vue 相关的编程文章,网友袁诗文根据主题投稿了本篇教程内容,涉及到vue、iview、render函数、vue iview组件表格 render函数的使用方法详解相关内容,已被302网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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函数的使用方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • 使用vueScroll实现移动端下拉刷新、上拉加载示例代码

    发布:2020-02-08

    这篇文章主要介绍了vueScroll实现移动端下拉刷新、上拉加载,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • 解决Vue Router的懒加载路径的方案

    发布:2019-12-19

    这篇文章主要介绍了Vue Router的懒加载路径的解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下


  • Vue用cmd创建项目具体步骤

    发布:2019-12-16

    在本篇内容里小编给大家整理了关于Vue用cmd创建项目的方法讲解,有兴趣的朋友们跟着学习下。


  • vue中assets和static的区别

    发布:2020-03-14

    这篇文章主要介绍了详解vue2.0 资源文件assets和static的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • Vue的常用指令整理汇总

    发布:2020-01-31

    Vue.js的指令是以v-开头的,它们作用于HTML元素,指令提供了一些特殊的特性。这篇文章主要介绍了Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on 的相关知识,需要的朋友可以参考下


  • 详解在vue-cli中使用路由

    发布:2022-06-23

    给大家整理了关于vue的教程,本篇文章主要介绍了详解在vue-cli中使用路由,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 你了解vue3.0响应式数据怎么实现吗

    发布:2022-04-03

    这篇文章主要介绍了你了解vue3.0响应式数据怎么实现吗,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 实例详解vue拦截器Vue.http.interceptors.push

    发布:2020-01-09

    这篇文章主要为大家详细介绍了vue拦截器Vue.http.interceptors.push的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


网友讨论