微信小程序 自定义属性data 坑!

最新推荐文章于 2020-05-20 18:43:51 发布
最新推荐文章于 2020-05-20 18:43:51 发布
阅读量216 收藏
点赞数
原文链接：https://my.oschina.net/NeverMoreMoon/blog/888526
版权 
<view bindtap="goNewDetails" class="info-item" data-newsUrl="{{item.newsUrl}}" id="{{item.newsID}}" >

</view>

后台

var url=e.currentTarget.dataset.newsurl;

 

自定义的属性都会转为小写,js取时要注意!

转载于:https://my.oschina.net/NeverMoreMoon/blog/888526

chesi5823
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中data-key属性之数据传输(经验总结)
11-19
本文是总结的一点经验之谈 啥是data-key 微信小程序推出 data- 属性——自定义属性，为了更好的进行数据传递。 总结来说，data-key="{{...}}" 是获取页面中需要用的数据，往js文件（事件）中传—— 被绑定在其组件上的事件使用 也就是常说的：dataset；（比如：wx:for的view中的每一个项的name属性值） 而data-key="..." 是从data传到wxml页面中，一般都是在data中存在的属性才这样做，它就是为了“动态修改”data中的属性。 只有data-*传的值才能在事件中被dataset接收，其余的“{{}}”只能使用 detaildat
data-* 自定义数据属性 遇到的坑
weixin_30808253的博客
03-16 274
除非data-*自定义数据属性的值是固定不变的，否则最好不要把data-*作为查询条件。 例子： <div data-index="0">hello</div> var div= document.querySelector("div[data-index=\"0\"]"); console.log(div);//正常 div.dataset.index...
微信小程序 --- 标签自定义属性说明、及使用方式
热门推荐
删库跑路
10-31 4万+
首先在微信小程序中我们的所有函数当中都有一个事件处理函数,其参数名为event（点击此处跳转到官方文档说明部分）在将其打印后会发现有一系列参数：在这当中，存放我们标签自定义属性的参数是currentTarget下的dataset，在我们标签中并没有设置自定义属性事，会发现dataset属性里面是空的那么自定义属性是什么格式呢？请看下图：data-xxx上面就是自定义属性的格式 只需要在data-后面
微信小程序自定义属性设置和获取（data-）
每文的博客
10-27 3万+
自定义属性语法以data-开头： &lt;block wx:for='{{post_key}}' wx:key="key" wx:for-item='item'&gt; &lt;view catchtap='onPostTap' data-postid="{{item.postId}}"&gt; &lt;template is='postItem' data='{{......
微信小程序踩坑----组件自定义属性传值(dataset)
一叶舟遥
08-18 8873
 在组件里定义一个属性data-xx，xx即为自定义的属性名，加上要传入的值。 &lt;block wx:for="{{listData}}" wx:key="{{id}}"&gt; &lt;view class="td"&gt;&lt;text class='edit' bindtap='update' data-userId='{{item.userId}}' data-id='...
微信小程序自定义导航源码
03-22
本资源提供的"微信小程序自定义导航源码"是一个实现这一功能的示例代码，适用于那些希望在小程序中实现独特导航效果的开发者。 微信小程序本身提供了内置的导航组件`<navigator>`，但其样式和功能有限，无法满足...
微信小程序自定义tabBar,中间圆形凸起
05-31
在微信小程序开发中，自定义`tabBar`是提升用户界面体验的重要环节。原生的微信小程序`tabBar`虽然提供了基本的样式和功能，但往往无法满足开发者对个性化设计的需求。本文将深入探讨如何实现一个中间圆形凸起的...
微信小程序自定义音乐进度条的实例代码
01-20
小程序自带标签 audio 小程序自带的audio标签含固定的样式，且有最小尺寸。目前项目也不含name和author字段，所以放弃audio标签。 实现效果图 初始化音乐数据 <text>{{currentProcess}} <slider bindchange= ...
微信小程序自定义弹窗实现详解(可通用）
10-16
在微信小程序开发中，自定义弹窗是一种常见的需求，它能提供更加个性化的用户体验和功能。本文将深入探讨如何在微信小程序中实现一个通用的自定义弹窗，并给出详细的代码示例。 首先，自定义弹窗的核心在于创建一个...
小程序获取节点绑定数据data-index的方法
大熊
12-27 3万+
1.微信小程序dataset undefined ？？ 2.如何获取数组index索引？ 3.获取节点的属性，width ,height,left,right等等 方法一（一般用这个获取数据,记得要bindtap点击执行这个函数才能获取到currentTarget.dataset）： wxml: &lt;view data-id="{{1}}" data-haha="{{i...
微信小程序自定义属性data-xx使用注意事项
frank_hehe的博客
07-30 3008
在开发小程序的时候，使用data-xx让我遇到了一点问题，找问题找了很久，特此记录一下。 如上图：我都是直接用字段deleteReason定义的属性名称 如上图：然后根据属性名称获取相应的值然后打印值到控制台 如上图：打印出来为undefined 我也是醉了，感觉上面的逻辑没得毛病啊，瞬间就不开心了，然后重新梳理流程检查了一次又一次，还是感觉没问题啊，最后没办法，只有调试了一波 如上图：打...
微信小程序data-绑定数据的坑
杰克船长
09-27 1万+
在whtml中这么写 &lt;view bindtap='like' data-id='{{laugh.id}}' data-createdBy='{{laugh.created_by}}'&gt; 在js中取值 like(e){ console.log(e.currentTarget.dataset['createdBy']); } 控制台输出undefined,找了半天原...
HTML及微信小程序~自定义属性（data-*）
风一样的少年
01-19 1174
所谓 data-* 这种自定义属性，是可以直接作为一个属性写进标签的，并不会报错，这样，就可以实现，在相应的标签中插入你想插入的数据，到需要用到的时候，只需要用 jQuery 函数的$().attr()函数即可获得插入到标签中的数据（$().attr()函数在官方解释中貌似是不能获取自定义属性的，但是事实证明它确实可以获得自定义属性，官方说获得自定义属性还有另外一个函数，具体请读者自行百度，因为$...
微信小程序获取自定义属性
zeroyulong的博客
04-18 9931
wxml&lt;view class='zright' bindtap='choseCoupon' data-info='{{item}}' data-id='{{index}}'&gt;jschoseCoupon: function (e) { console.log(e.currentTarget.dataset.id) console.log(e.currentTarget...
微信小程序之WXML:标签与属性
chabc1999的博客
05-20 3280
WXML（WeiXin Markup Language）（页面结构文件）是框架设计的一套标签（标记）语言。用于渲染界面，它结合基础组件和时件系统，可以构建出页面结构。 标签与属性 语法规则： 1、所有元素都必须闭合标签且小写： <text（小写）> Hello World </text> 2、所有元素都必须正确嵌套： <view>（开始标签1）<text>（开始标签2）Hello </text>（结束标签2)</view>（结束标签1
小程序里的自定义组件（四）：组件的data与properties的默认值讨论
wdy3110411073的博客
04-19 2万+
我们新建一个组件test作为测试，test组件的js代码为： 之前我们讲过，在properties里定义的是组件对外要开发的属性，在data里定义的是在组件里自己使用的私有的数据，对小程序组件基础不了解的，可以看我前面的文章，这是一个系列的小程序里的自定义组件（一）：基本概念 现在，我们在组件的properties里定义一个index为Number类型，在data里定义一个year为Nu...
小程序自定义属性在wxml上无法展示
weixin_41033048的博客
04-03 458
报错如上图所示,明明有数据却出不来. 解决办法:根据返回数据段的前后顺序一一对应即可.即把两者调换位置就可以解决了
微信小程序自定义属性&data-
初心 - 杨瑞超个人博客
12-05 1824
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416 直接贴代码了 &lt;view id="tapTest" data-hi="WeChat" bindtap="tapName"&gt; Click me! &lt;/view&gt; Page({ tapName: function(e) { console.log(e) } }) /* ...
微信小程序自定义属性
最新发布
04-13
微信小程序的自定义属性是指在组件中可以自定义添加的属性，用于实现组件的个性化定制和功能扩展。通过自定义属性，可以在组件中传递数据、控制样式和行为等。 在微信小程序中，可以通过两种方式来定义自定义属性：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值