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

最新推荐文章于 2023-08-29 22:16:47 发布

原创最新推荐文章于 2023-08-29 22:16:47 发布 · 1w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #自定义属性 #currentTarget

小程序专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的WXML与JS交互的例子。通过wxml中的view元素绑定tap事件，并在JS中定义了对应的处理函数choseCoupon。该函数接收事件对象e，从中获取被点击元素的数据属性id和info，并打印到控制台。

wxml

<view class='zright' bindtap='choseCoupon' data-info='{{item}}'  data-id='{{index}}'>

choseCoupon: function (e) {
    console.log(e.currentTarget.dataset.id)
    console.log(e.currentTarget.dataset.info)
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zeroyulong

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序 - 自定义头部导航栏开发

觉醒法师的专栏

07-30

1万+

默认情况下，‌小程序的顶部导航栏由系统自动生成，‌允许修改一些基本样式如背景色、‌文字颜色等。‌然而，‌如果需要实现更复杂的样式，‌如自定义图标、‌背景等，‌或者需要适配不同手机屏幕的高度和样式，‌就需要自定义顶部导航栏。‌ 小程序自定义头部导航栏的开发主要涉及系统顶部状态栏和导航栏标题区域，‌自定义顶部导航栏的好处包括提高用户体验、‌增加页面交互性等。‌创建一个自定义导航栏组件，‌包含导航栏的样式和交互逻辑，‌并在需要使用导航栏的页面中引入自定义导航栏组件。‌

微信小程序自定义select下拉选项框组件的实现代码

10-18

【微信小程序自定义select下拉选项框组件的实现】在微信小程序中，由于原生不支持select组件，开发者需要自定义来实现类似的功能。本文将详细介绍如何创建一个自定义的select下拉选项框组件。首先，我们要理解组件...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序获取页面标签内的数据如item.text

m0_75011313的博客

08-29

1098

其实方法是很简单的，我最近在写小程序的时候因为一些需求需要获取页面内的动态元素，然后当我创建一般函数去获取的时候页面却给报了这个错误。

微信小程序 -- 获取自定设备参数

小草莓的博客

08-09

646

/** * getSystemInfoSync [获取系统信息(同步版)] Promise 封装 */ const $getSystemInfoSync = () => { return new Promise((resolve, reject) => { try { const res = wx.getSystemInfoSync() re...

微信小程序（获取标签节点的信息）

一点一滴

12-22

2万+

小程序是没DOM的想要获取标签信息采用官方提供的api，用法如下： /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { var that = this; const query = wx.createSelectorQuery(); //创建对象 query.select('.search_box').bo...

微信小程序获取button按钮的值：data-xxx

qq_41286138的博客

03-31

5018

wxml中的button标签向js文件中传送值，可以通过data-xxx属性实现，xxx可以自定义。在js文件中通过如下方式获取：该方式是通用的，不仅仅只是运用于button标签。 ...

小程序事件里获取元素属性里的值的方法

庚中

07-04

8703

步骤: 1.在dom元素里定义一个:data-自定义名={{要传递的值}} 2.在方法的事件对象e里通过e.currentTarget.dataset.自定义名可以获取传递过来的值. 效果:

微信小程序封装自定义弹窗的实现代码

10-17

结合上述内容，我们了解到实现微信小程序自定义弹窗的核心在于组件化开发，通过组件的创建、属性定义、逻辑处理以及复用，开发者可以快速地在不同的页面和场景下实现交互性较强的自定义弹窗功能。这种开发方式不仅...

微信小程序—自定义模态框

02-20

默认情况下，微信小程序提供了一套内置的模态框组件，但有时候开发者可能需要根据项目需求进行自定义，以满足更个性化的界面设计和交互体验。本文将深入探讨如何在微信小程序中实现自定义模态框。首先，我们要理解...

微信小程序自定义扫码功能界面的实现代码

10-15

在微信小程序中，自定义扫码功能界面的实现是一项常见的需求，尤其当开发者希望提供更为个性化或集成更多功能的用户体验时。微信小程序不直接支持自定义界面的扫码功能，因此需要利用原生组件来达成目标。以下是一个...

微信小程序 获取标签里面的自定义数据

gaoxiang24的博客

11-08

2526

<view wx:for="{{receiverlist}}" wx:for-item="receiver" wx:key="" wx:for-index="idx"> <input type='number' value='{{salesNumber}}' data-name='{{receiver.name}}' maxlength="3" placeh

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

一步一步的前进

08-07

1352

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

微信小程序html标签上自定义的data-属性，如果采用驼峰的格式获取的时候就有问题

肖肖肖丽珠的博客

08-19

410

希望点击的时候获取data上面带的那个categoryId的属性值。最后打印一下这个e看一下吧。发现id变成小写的了。但是打印的时候确是underfined。

小程序之取标签中内容例如view，text

weixin_30568591的博客

08-27

982

// index.wxml页面 data-url为自定义 {{}}中内容可为后台请求到的数据也可为固定内容例如：data-text="哈哈哈" data-url="https://www.cnblogs.com/liancat/" <text class='gotime linkUrl' bindtap='linkUrl1' data-url="{{linkUrl1}...

微信小程序如何获取自定义组件中properties的属性并修改，以及父组件和子组件相互传值

热门推荐

weixin_42125732的博客

03-31

3万+

原因：因为自己想了解组件中properties里面的值如何获取到而记录这篇文章一、自创自定义组件，在json文件夹写上“component”：true 二、父组件的操作步骤 2.1.在json文件夹加上使用组件 2.2 在js文件中写好要传的数组数据 2.3 在wxml页面进行父组件传子组件的值，用属性传值三、字组件在自己的JS中properties接收父组件传过来的值，定义好type属性和value为[]，即为默认值（父组件传过来的值）四、用observers监听properties的属性

微信小程序基础学习笔记Day02

Li9527999qq的博客

04-20

1416

day02

微信小程序自定义属性设置和获取（data-）

小天空的博客

12-30

4896

自定义属性语法以data-开头： <block wx:for='{{post_key}}' wx:key="key" wx:for-item='item'> <view catchtap='onPostTap' data-postid="{{item.postId}}"> <template is='postItem' data='{{...item}}' /> </view> </block> 无论你这样写

JavaScript进阶

qq_56743396的博客

07-03

554

ECMAScript 定义了JavaScript 的语法规范，是JavaScript的核心。它描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准，它与具体实现无关。

微信小程序——常用属性及标签

MaNqo的博客

07-19

3732

微信小程序 最近在学习小程序开发，在学习的过程中感受到了内容之多，这里总结了一些小程序开发的一些常用属性与方法，更加具体的还得通过打开微信开放文档进行学习，在学习的过程中多打demo才是最好的学习方式啊，再好的文档都比不上自己去实践。这里附上mdn: 微信开放文档 (qq.com)~ 1. 准备工作 project.config.json：项目配置文件，比如项目名称、appid等； sitemap.json：小程序搜索相关的 app.json：全局配置 page.json：页面配置全局配置

uniapp 微信小程序获取自定义导航栏