码迷,mamicode.com
首页 > 其他好文 > 详细

IView 使用Table组件时实现给某一列添加click事件

时间:2018-11-24 22:30:38      阅读:830      评论:0      收藏:0      [点我收藏+]

标签:dex   col   参数   元素   png   tab   ddr   对象   .com   

通过给 columns 数据的项,设置一个函数 render,可以自定义渲染当前列,包括渲染自定义组件,它基于 Vue 的 Render 函数。

render 函数传入两个参数,第一个是 h,第二个是对象,包含 rowcolumn 和 index,分别指当前单元格数据,当前列数据,当前是第几行。

技术分享图片

代码:

    render: (h, params) => {
                 //return h(‘定义的元素‘,{‘元素的性质‘},‘元素的内容‘);

                   let url = ‘访问的地址‘
                   return h(‘a‘, {
                          attrs: {
                                    href: url,
                                    target: ‘_black‘
                                }
                    }, params.row.address);
      }

技术分享图片

 

 了解 render 函数传入的两个参数官网详细地址:https://www.iviewui.com/components/table

 

IView 使用Table组件时实现给某一列添加click事件

标签:dex   col   参数   元素   png   tab   ddr   对象   .com   

原文地址:https://www.cnblogs.com/oukele/p/10013626.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!