uniapp:使用data-名称为函数传参，并在e.currentTarget.dataset.名称中获取

最新推荐文章于 2024-07-17 14:06:15 发布
最新推荐文章于 2024-07-17 14:06:15 发布
阅读量9.6k 收藏 4
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gabriel_wei/article/details/104439288
版权

html

<view class="btn-buyer" @tap="mybtn" data-buyer="buyer">
	我是买家
</view>

js

mybtn(e){
	console.log(e);
	console.log(e.currentTarget.dataset.index);
}

我写的这篇文章可能有帮助
https://blog.csdn.net/Gabriel_wei/article/details/98042857

Gabriel_wei
关注
专栏目录
微信小程序 --- e.currentTarget.dataset.id 获取不到值
weixin_33878457的博客
04-15 5257
直接代码 wxml代码片段 &lt;view class='ranksList' wx:for="{{ranksLb}}"&gt; &lt;view class='ranksListName'&gt;&lt;image src='../image/icon-21.png'&gt;&lt;/image&gt;&lt;text&gt;{{item.name}}&lt;/text&gt;
uniapp中给data中的变量赋值报错
最新发布
qq_44161722的博客
07-19 479
排查了一上午，原本以为是赋值的这个变量有一个键名是空字符串的问题，后来发现是因为在data中声明变量是写的是{}，如果写成null就不会报错了，具体原因不清楚为什么。
uniapp e.currentTarget.dataset注意点
qq_41200881的博客
02-18 4125
在写uniapp时遇到个问题：在编译到H5时能获取到数据，而在微信小程序中却获取不到数据报错了 如图： 然后根据提示信息在相关代码处加了console.log查看输出 结果发现是在为元素添加标签时出错了 查看两端控制台才发现原因： H5: 微信小程序： 微信小程序中将大写字母转换成了小写 解决办法：将HbuilderX中data-trailerId改为全小写 ...
uni.app 开发微信小程序获取公众号code以及openId
李特成的博客
07-17 660
uni.app 开发微信小程序获取公众号code以及openId 2 H5页面 放在服务器 通过域名 https://www.****.com/h5 可以直接访问 3.nginx服务器配置 4.小程序配置业务域名,需下载文件和配置,配置方式如上图
uniapp 事件委托 获取不到dataset,并且currentTarget为空
bluemengcom的博客
03-18 536
张三
uniapp--data注意事项
魏依一的博客
02-06 239
data必须为函数类型，return中可以返回：数组，字符串，对象，数字，布尔值等。
uni-app（date属性，Class 与 Style 绑定，v-if，v-else）
weixin_64899102的博客
08-01 2256
uni-app（date属性，Class 与 Style 绑定，v-if，v-else）
uniapp 事件委托失败 获取不到dataset
LlanyW的专栏
09-27 757
打印出来的dataset都是空，即使span加了pointer-event: none也用。把span改成uniapp的标签view，再获取点击事件终于带出dataset 了。可能是uniapp框架原因，使用h5的原生的span效果不出来。v-for 多个span ,绑定点击事件。代码:view里包着一个span,
微信小程序e.currenttarget.dataset获取数组的值
08-30
微信小程序中，e.currentTarget.dataset可以获取到事件源所在组件的dataset数据。在获取数组的值时，可以通过e.currentTarget.dataset来获取。 假设有一个名为"list"的数组，我们可以通过在wxml上绑定事件来获取...
微信小程序e.currenttarget.dataset获取不到数据是怎么回事
09-09
微信小程序中，使用e.currentTarget.dataset可以获取到当前触发事件的组件上绑定的data-*属性的值。如果无法获取到数据，可能有以下几个原因： 1. 组件上没有绑定data-*属性：要使用e.currentTarget.dataset获取...
微信小程序 解决按钮点击后e.currentTarget.dataset为空的方法
05-27
当你在微信小程序中点击一个按钮，如果出现了e.currentTarget.dataset为空的情况，通常是因为你没有正确地设置按钮的data-*属性。 要解决这个问题，你需要确保在按钮的wxml代码中正确设置了data-*属性。例如： ```...
e.currentTarget.dataset
06-11
e.currentTarget.dataset是一个JavaScript中的对象，它包含了当前事件绑定的元素（即事件的目标元素）上所有的data-*属性值。这些属性值可以通过e.currentTarget.dataset[key]的方式访问，其中key是具体的data-*属性...
5.4.2 通过data- 设置和获取参数 -参数的使用- 常用语法【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】
杭州.黄老师
11-09 2036
5.4.2 通过data- 设置和获取参数 在一些组件中，我们可以通过 data- 的格式来设置参数，然后通过事件来使用参数。格式如下 <组件 data-属性=”属性的值” ></组件> 我们下面来看一个实例，我们在一个按钮中通过data-的格式定义了一个电话号码，我们点击按钮的来获取该参数（电话号码）。 页面初始化的时候，电话号码显示为空；点击按钮的时候获取电话号码并显示。完整的代码如下： <template> <view> <!--我们将
uni-app中关于事件点击后获得数据dataset自定义数据要注意+点赞代码
qq_43468165的博客
04-28 2848
<view class="zuopin-right-text">{{li.createtime}} <view class="start-change"> <image src="../../static/img/start.png" :data-id="index" :data-num="li.id" :data-like="li.ilike" @click="dianZan" v-show="li.ilike==2"> </image> &l
uniapp页面传参
weixin_51666715的博客
05-04 668
路由传参 index.vue <template> <view> <view class="mian"> <view class="sideBar"> <view class="item" v-for="(item,index) in from.data" :key="item.id" @click="active(index)"><text class="line" v-show="item.show"></
uni-app：循环数据点击事件获取每行指定数据（获取参数）
weixin_46001736的博客
09-27 1482
uni-app：循环数据点击事件获取每行指定数据（获取参数）
Uni-app 基础知识
weixin_49862515的博客
10-25 491
小程序 wx:for 在小程序中遍历时用 wx:for ； 可遍历数组，也可遍历对象，一下实例中遍历对象 <view> <view wx:for="{{person}}" wx:key="{{index}}" wx:for-index="key"> {{key}}:{{item}} // name:"Array", // height:180cm </view> </view> // js文件 pa
uniapp和小程序事件参数传递
YZ_ZZZ24的博客
11-14 1350
uniAPP实现 uniAPP的实现比较简单，比如： @click="startCharge(item)" 传多个参数 @click="startCharge(item,index)" 小程序的实现 小程序的实现方式比较麻烦，事件不能直接传参，需要添加一个data-xxx来进行参数的传递，比如，我在item里写事件，需要这么写： bindtap="toWeb" data-url="{{item.url}} 传多个参数 bindtap="toWeb" data-url="{{
uniapp控制data字段来控制元素显示隐藏
Front小思的博客
08-25 5695
今天遇到了一个界面的数据是一个json数据实现的动态绑定，里面有对应的字符串绑定或者数组遍历，但是其的状态是根据data中的数据是否为空来控制”完成“和”未完成“的显示状态的。 vue 提倡 状态驱动界面，用data里面字段，控制界面的组件显示或者隐藏就非常合理了。不同字段对应的不同的显示逻辑，也就很合理了。 数据为单个字符串时： <div v-if="info">{{info}}</div> <div v-else>暂时没有数据...</div> 数据为数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值