e应用swipe-action onRightItemClick获取点击的当前项的数据

最新推荐文章于 2024-06-21 15:30:31 发布
最新推荐文章于 2024-06-21 15:30:31 发布
阅读量1.1k 收藏
点赞数
文章标签： e应用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43119205/article/details/84098701
版权

page.axml

定义sweipe-action节点的extra属性：extra="{{item}}"
<list> <block a:for="{{list}}"> <swipe-action right="{{right}}" onRightItemClick="onRightItemClick" extra="{{item}}"> <list-item> </list-item> </swipe-action> </block> </list>

page.js

e.extra输出即可
onRightItemClick(e){ console.log(e.extra); },

qq_43119205
关注
uview.2的SwipeAction 滑动单元格 点击删除或收藏，不关闭，点击删除后。
m0_74132533的博客
04-24 2900
uview.2的SwipeAction 滑动单元格 点击删除或收藏，不关闭，点击删除后。
uni-app 小程序 uni-swipe-action组件，点击右侧内容，不自动收缩效果实现
weixin_45559449的博客
07-26 2529
当项目需要开发列表滑选删除功能时，可以借助uni-app 扩展组件 uni-swipe-action实现。将内容区域向左滑动，显示右侧删除按钮；当点击内容区域或右侧删除按钮时，组件都会自动收缩。有时候，点击删除按钮，弹出对话框询问用户是否确认删除，此时删除按钮不需要隐藏。如何实现？
【uniapp常用】
最新发布
icon_sun的博客
06-21 275
Page里加上 “enablePullDownRefresh”: true,需要在 page的style里写。需要在 page的style里写。
关于uni-swipe-action-item 点击时，在小程序开发工具中报错ReferenceError: isPC is not defined
热门推荐
object not found的博客
08-26 2万+
把“你自己项目路径/uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpwxs.js”个人感觉是官方写组件的时候，源码逻辑只在h5平台才去加载isPC函数，但是在调用的时候不区分平台，所以才会其他平台全部报错。改成：let isPC=function(){return false}；如果要在pc上跑不要这么改。当滑动后点击取消或者删除时在微信小程序报错（h5没问题），如下。......
js right click enabled
weixin_34409822的博客
04-24 195
为什么80%的码农都做不了架构师？>>> ...
火狐浏览器：js问题，树结构上onRightClick事件执行完，执行onClick事件
Symiac的博客
07-03 319
1.树结构 callback : { onClick : onClickEvent, onRightClick : onRightClickEvent } 左键： 执行onClickEvent，然后onclick 右键：onRightClickEvent 2.普通 左键 onclick 右键 火狐： 1.树结构 右键：onRightClickEvent 然后onclick 解决：根据按键判断 右键不执行onclick $(docu...
uni-swipe-action组件实现列表项左划操作
02-19
应用uni-swipe-action组件实现列表项左划操作。 真正做到开箱即用。
react-native-swipe-list-view：一个React Native ListView组件，其行可滑动打开和关闭
02-01
与RN 0.60+一起使用时，请使用react-native-swipe-list-view@2.0.0+ RN 0.60和RNSLV 2.0.0完全弃用了ListView，如果您尚未使用FlatList ，请参见的示例，并参阅migration 以获取迁移指南。 该useFlatList道具不再...
Android-react-native-swipe-list-view.zip
09-17
Android-react-native-swipe-list-view.zip,一个react本地listview组件，其中的行可以打开和关闭,安卓系统是谷歌在2008年设计和制造的。操作系统主要写在爪哇，C和C 的核心组件。它是在linux内核之上构建的，具有...
react-swipe-to-delete-component：一个简单的React组件实现'swipe to delete'UI模式
02-03
可通过获得React-swipe-to-delete-component。 npm install --save react-swipe-to-delete-component 另外，您可以直接从上面的“ dist”文件夹下载最新版本。 用法 React-swipe-to-delete-component包装您的内容...
web-swipe-view:移动 Web 应用程序的水平滑动视图
07-11
《构建移动Web应用的水平滑动视图：深入理解web-swipe-view》 在现代的移动Web应用程序开发中，提供良好的用户体验是至关重要的。为了适应触摸设备的特性，许多开发者开始采用水平滑动视图（Horizontal Swipe View...
uni-app - uview Swiper 轮播图组件点击跳转链接（点击后拿到 item 行数据, 取出数据做操作）
王佳斌
08-09 4618
uni-app - uview Swiper 轮播图组件点击跳转链接解决方案（点击后拿到 item 行数据, 取出数据做操作），uView轮播图跳转，uview Swiper 轮播图组件点击轮播图时，跳转到详情或链接（点击执行操作），uview,轮播图点击跳转其它网页，uview swiper轮播图片如何添加点击跳转功能，uview,轮播图点击跳转网页,这样去写代码可以轻松实现，怎么实现点击轮播图后拿到 id，从而跳转页面详情，uniapp 点击轮播图跳转商品详情页面，用uni-app写了h5项目,使用了轮
vue使用swiper循环模式下，使用click事件，怎么获取其中的dom数据
Koreyoshi123654的博客
07-28 2513
vue使用swiper循环模式下，使用click事件，怎么获取其中的dom数据
SwipeAction 滑动单元格
qq_44645934的博客
05-26 1131
icons8是高质量的免费图标资源网站，支持在线改色、添加文字或背景装饰等.网址。
uniapp组件库SwipeAction 滑动操作 使用方法
精通前端技术，了解后端接口
01-21 3695
该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作。注意如果把该组件通过v-for用于左滑删除的列表，请保证循环的:key是一个唯一值，可以用数据的id或者title替代。不能是数组循环的index，否则删除的时候，可能会出现数据错乱。
实现ant design tree控件右键菜单功能
05-22 4629
最近由于产品功能需求，需要对后端树状数据进行增删改操作。前端使用ant design的tree控件。为了在某个树节点上实现增删改操作，决定采用鼠标右键弹出操作菜单的方式。但是tree控件本身并不支持鼠标右键弹出菜单功能需要自己实现。这里把自己遇到的坑以及最终的方案给分享下。onRightClick坑tree控件中有个onRightClick属性，可以设置右键点击的事件处理函数。onRightCli...
uView里 SwipeAction 滑动操作组件 BUG处理
tcwzy1314的博客
05-07 506
原因： this.$uGetRect()这个方法是获取的元素节点信息的 有时候节点还未渲染完成 获取不到当前元素的节点信息导致的问题。在官网的群里问 说配置的数据有问题 并没有发现配置的地方有问题 最后改了下源码得以解决。有时候打开这个后会全部展开并且报错,并不是每次都会报错.如果以上有不正确的地方欢迎指正.ヾ(◍°∇°◍)ﾉﾞ。1、先找到滑动组件的文件 这是我滑动组件的路径。3、添加一个延时得已解决此问题。
uview-ui组件swipeAction关闭无法生效解决方案
qq_27161847的博客
03-16 2001
是用watch监听属性改变才能触发，所以在打开选项触发open函数必须设置为true。在使用swipeAction滑动块的时候点击删除无法关闭选项，u-swipe-action组件源代码。
Swiper 动态获取数据轮播
qq_37170318的博客
06-21 3843
1.导入Swper最新的js和css2.创建div&lt;div class="swiper-container" style="height: 310px;margin-top: 25px; width:97%;"&gt;     &lt;div class="swiper-wrapper wrap" id="carousel"&gt;                &a
uniapp 找不到uview-ui
05-20
如果你在使用 uniapp 时找不到 uview-ui，可能是以下几个原因： 1. 没有正确安装 uview-ui：你需要先在 uniapp 中安装 uview-ui，可以通过 npm 或者 yarn 进行安装。具体的安装方式可以参考 uview-ui 的官方文档。 2. 没有正确引入 uview-ui：在安装完成 uview-ui 之后，你需要在需要使用的页面中引入 uview-ui 的组件。在 uniapp 中，可以通过在页面的 vue 文件中使用 import 引入组件，或者在 app.vue 中全局引入 uview-ui。 3. uview-ui 版本不兼容：如果你使用的是比较旧的 uview-ui 版本，可能会出现兼容性问题。建议使用最新版本的 uview-ui。 如果你已经检查过上述问题，还是找不到 uview-ui，可以尝试重新安装或者升级 uview-ui，或者在 uview-ui 的官方社区中提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值