自定义属性语法以data-开头:

<button data-info="自定义数据" bindtap="testClick">自定义属性测试</button>

无论你这样写data-info="..."还是这样写data-INFO="...",获取值的时候都是这样:

获取:

  testClick(event){const dataInfo = event.currentTarget.dataset.info;console.log(dataInfo)}

.

转载于:https://www.cnblogs.com/jianxian/p/11123766.html

微信小程序~自定义属性设置和获取(data-)相关推荐

  1. 微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法

    微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法 参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...

  2. 微信小程序开发——设置默认图片、错误加载图片

    wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...

  3. 微信小程序使用百度api获取天气信息 —— 微信小程序教程系列(16)

    之前已经介绍过,如何使用百度地图api来获取地理位置信息 微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...

  4. 微信小程序动态设置tab-bar

    微信小程序动态设置tab-bar(自定义) 配置自定义tab-bar的方法这里省略,可以参考官方文档 动态设置tab-bar 需求:根据权限判断底部tab-bar显示内容 例如普通用户这里不显示赛事t ...

  5. uniapp微信小程序授权登录和获取微信绑定的手机号码

    uniapp微信小程序授权登录和获取微信绑定的手机号码 弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...

  6. 微信小程序创建节点选择器获取宽高wx.createSelectorQuery

    微信小程序提供了一个获取节点宽高等信息的方法,一共是两步. 1.在对应的节点上定义一个id <image src='{{imgUrl}}' class="look-image" ...

  7. uni-app 微信小程序 用高德sdk获取地理位置,以及天气信息

    uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...

  8. 【微信小程序/实现】实现获取微信个人信息

    [微信小程序/实现]实现获取微信个人信息 一.目的:实现获取微信个人的昵称和头像 二.页面过程 三.实现过程 (1)核心代码: (2)完整代码 1. wxml代码 2. wxss代码 3. js代码 ...

  9. 微信小程序学习9:获取用户信息进行登录操作 wx.getUserProfile

    微信小程序学习9:获取用户信息进行登录操作wx.getUserProfile 2021年4月份左右微信对获取用户的API进行了更改.使用wx.getUserInfo只能获取用户的匿名信息. 要获取用户 ...

最新文章

  1. The method replace(int, Fragment) in the type FragmentTransaction is not applicable for the argument
  2. 【数据结构】顺序栈的实现(C语言)
  3. fofa 搜索结果提取技术分析
  4. python元编程详解
  5. linux系统下deepin eclipse不能显示源码报class File Editor Source not found
  6. Wordpress婚庆婚纱摄影工作室企业网站主题模板
  7. Create MSSQL Procedure
  8. dedecms(织梦) arclist 标签的使用
  9. [系统修复]Win XP中Winsock2系统文件破坏导致无法上网
  10. OC Gen X:一键制作黑苹果OpenCore EFI文件
  11. Arrays.sort()和lambda表达式
  12. display:kms-panel-4.14kernel
  13. 一个人不自信有多可怕?
  14. 传销式招聘!被骗到东南亚的程序员到底有多惨?
  15. Ae:字符面板与段落面板
  16. python123程序设计题说句心里话a_C程序设计基础(2019年春)-中国大学mooc-试题题目及答案...
  17. 一次成功的云存储接管实战
  18. Markdown (CSDN) MD编辑器(一)- 实现页内跳转
  19. 计算机收藏夹位于哪个磁盘,win10收藏夹在电脑什么位置_win10系统收藏夹在哪里...
  20. 磁盘计算机管理扩大,电脑磁盘存储空间怎么增大

热门文章

  1. 设计模式学习笔记之-代理模式
  2. Sublime编辑器上的 Vim 插件常用快捷键
  3. Gartner: 2016年十大安全预测
  4. 《Javascript高级程序设计》读书笔记之bind函数详解
  5. 工具栏,状态栏(VC_MFC)
  6. SQL server 2008 数据库企业版安装教程图解 (转载)
  7. 被程序员忽视的位运算
  8. how to become a good teacher
  9. why do you want to university of cambridge?
  10. ROBOMASTER 2018机甲大师赛 南部赛区三等奖!