uniapp 之 uni-table组件添加行点击事件

最新推荐文章于 2024-06-20 10:08:59 发布

web13639198675

最新推荐文章于 2024-06-20 10:08:59 发布

阅读量4.3k

点赞数

分类专栏：前端 html 面试文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/web13639198675/article/details/123080493

版权

本文介绍了在uniapp中如何为uni-table组件添加行点击事件，提供了两种方案：一是通过生命周期找到行元素并设置点击事件，二是利用组件间的通信实现。特别提示，第一种方案不适用于uniapp的onLoad生命周期，而小程序端可能需要采用第二种方案。

摘要由CSDN通过智能技术生成

uniapp 之 uni-table组件添加行点击事件

由于 uniapp官网的uni-table组件并没有给出添加行点击事件的events，于是自己想方法基于uni-table组件实现了表格行点击事件；

第一种方案（不改变导入的 tr 组件）

<uni-table border stripe emptyText="暂无更多数据" :loading="loading">
    <!-- 表头行 -->
    <uni-tr>
        <uni-th align="center" width="50">姓名</uni-th>
        <uni-th align="center" width="50">年龄</uni-th>
        <uni-th align="center" width="50">地址</uni-th>
    </

最低0.47元/天解锁文章

web13639198675

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
3
评论
uniapp 之 uni-table组件添加行点击事件

uniapp 之 uni-table组件添加行点击事件第一种方案（不改变导入的 tr 组件）第二种方案（改变 tr 组件）写在末尾由于 uniapp官网的uni-table组件并没有给出添加行点击事件的events，于是自己想方法基于uni-table组件实现了表格行点击事件；第一种方案（不改变导入的 tr 组件）<uni-table border stripe emptyText="暂无更多数据" :loading="loading"> <!-- 表头行
复制链接

扫一扫

专栏目录