微信小程序获取自定义属性值

摘要:
编写小程序时使用用户定义的属性,尤其是记录这个坑。必须说,wxml第一个视图第二个视图jsdata:{},onLoad:function(option

写小程序的时候用到了自定义属性,特地来记录一下

特别是这个坑,必须得说一说

wxml

<view   bindtap='getValue'>
    <view   data-num="1024" data-name="张三">第一个view</view>
    <view   data-age="2017" data-con="李四">第二个view</view>
</view>

js

data: {
   
  },
  onLoad: function (options) {},
  getValue(e){
        const first = e.target.dataset.name,
        const second = e.target.dataset.conbn
  }

这里有个坑需要说下,我这里写的data-name也可以这么写data-Name,但是你在js里面获取的时候必须要写成小写,不管在wxml里写的是驼峰还是什么,在js获取的时候必须是小写要不就获取不到,一定得是小写哦。

免责声明:文章转载自《微信小程序获取自定义属性值》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【Web前端开发最佳实践系列】前端代码推荐和建议Android 滑块验证下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序设置全局请求URL 封装wx.request请求

app.js: App({ //设置全局请求URL globalData:{ URL: 'https://www.oyhdo.com', }, /** * 封装wx.request请求 * method: 请求方式 * url: 请求地址 * data: 要传递的参数 * callback: 请求...

小程序点击预览 为什么显示空白

问题: 有的人为什么做好了小程序后,在编辑器上能看见内容,图片的显示,当他弄出手机,预览想看看手机上的效果时,发现出不来了,但是在真机调试上,还有编辑器上调试都能出来,甚至能授权登陆的,而预览的效果就是不行,这是为什么呢??? 解决方案: 1.如果你是导入文件/项目进去直接做的话,可能是有些你不需要了的接口,图片或者WXML里的不要的代码被注视掉没删除 2...

Taro开发微信小程序的初体验

了解Taro 听说Taro是从几个星期前开始的,在一次饭桌上,一个小伙伴说:“Hey, 你听说了Taro么,听说只需要写一套程序就可以生成H5,小程序以及RN的代码模板,并且类似于React的语法。”“哦?还有这么好的事,赶紧研究一下。” Taro初体验 去官网,Github了解了一下,Taro是由京东·凹凸实验室团队开发的,在掘金上看到他们的发稿,大致归...

微信小程序接口测试时appid为空如何解决

一、web接口测试和app/微信小程序接口测试的区别 web接口一般是通过浏览器访问,app接口是通过手机端访问的,所以他们header头部请求是不一样的,一样的就是User Agent这个参数。 web请求的header请求中的User Agent以谷歌为例: MAC:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_1...

微信小程序支付源码,后台服务端代码

作者:尹华南,来自原文地址 微信小程序支付绕坑指南 步骤 A:小程序向服务端发送商品详情、金额、openid B:服务端向微信统一下单 C:服务器收到返回信息二次签名发回给小程序 D:小程序发起支付 E:服务端收到回调 首先准备以一下信息 小程序发送小程序向服务端发送商品详情、金额、openid 服务端接收小程序发来的信息...

微信小程序IOS系统中,倒计时(setInterval函数)失效的问题

BUG在基础库1.1.0版本已经修复。先说结论:挂起(显示在聊天顶部)状态无法完美解决,息屏状态可以完美解决。本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。 ps:由于小程序一直在更新中,所以并不保证下面的方法长期有效。 息屏状态完美解决方法:1、适用场景:通过传入参数控制倒计时时间的页面。2、解决思路:在息屏和挂起的时候,...