html表格数据点击事件,如何在iview的table单元格里实现点击事件?

需求是这样的,我需要做一个表格,表头和内容全都是动态的。

从服务器端获取到数据后,最后拼装成一个二维数组slotTableData,里面的内容是自 iview 2.3 支持的 html。这样就可以在界面上显示出二维数组了。

现在突然多了个需求,要求每个单元格可以点击或者鼠标悬浮提示。iview 原生不支持单元格点击事件(有pull request但是半年没通过。开发时间不足也没时间换elementui了),本来是拼的html的div,想在里面直接使用iview的组件也不可能。

找了不少文档都说能做,但都是写在columns中的,渲染个固定内容按钮的事件倒还容易,但是我每个单元格的内容都是不同的,而且都有自己的样式,完全不知道在columns里如何读到应该是data中的数据。iview 和 vue 的文档看了好多遍 render 也没搞清楚该怎么做。

表头代码

88f9b322365906554ad9cb289091e9f4.png

数据代码(片段)

f660d09c169b7a3a6c6c70c117b28e75.png

原本需求比较简单,只要搞定每个单元格的css和content就搞定了,但是如果加事件,完全不知道从何下手。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值