render函数怎么在vue项目中使用
作者
这篇文章给大家介绍 render函数怎么在vue项目中使用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
attrs 来加入而不是props
{ title:'操作', key:'action', align:'center', render:function(h,params){ returnh('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); } } },'删除') ]); } }
关于 render函数怎么在vue项目中使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
目录
推荐阅读
-
vue表格组件教程学习(vue proxytable只能在开发环境跨域吗)
vueproxytable只能在开发环境跨域吗?跨域问题来源于JavaScript的同源策略,即只有协议主机名端口号(如...
-
Vue组件的自定义事件和全局事件总线怎么使用
Vue组件的自定义事件和全局事件总线怎么使用这篇“Vue组件的自定...
-
vue中消息订阅与发布如何使用
vue中消息订阅与发布如何使用这篇文章主要介绍“vue中消息订阅与...
-
Vue显示图片的方式有哪些
Vue显示图片的方式有哪些这篇文章主要介绍“Vue显示图片的方式有...
-
vue引入静态jquery报错如何解决
vue引入静态jquery报错如何解决这篇文章主要介绍“vue引入...
-
vue-cropper怎么实现裁剪图片
-
怎么用Vue+NodeJS实现大文件上传
怎么用Vue+NodeJS实现大文件上传本文小编为大家详细介绍“怎...
-
Vue如何实现简易跑马灯效果
Vue如何实现简易跑马灯效果本文小编为大家详细介绍“Vue如何实现...
-
Vue怎么指定不编译的文件夹和favicon.ico
Vue怎么指定不编译的文件夹和favicon.ico这篇文章主要介...
-
Vue中的插槽怎么使用