微信小程序data-携带的数据和表单组件携带的数据详解

最新推荐文章于 2024-06-21 14:45:18 发布
最新推荐文章于 2024-06-21 14:45:18 发布
阅读量639 收藏
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20411471/article/details/106079236
版权

data-*携带的数据和表单组件携带的数据：首先组件data-*属性的数据会存储在事件对象里的currentTarget下的dataset里的属性名里，也就是data-color的值会存储在 e.currentTarget.dataset.color里；而表单组件的数据则是存储在事件对象的detail里，也就是e.detail.value里。

wxml页面：

js页面：

 

偷轮子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生微信小程序源码 - 教务系统
05-01
小程序中的数据管理可使用微信提供的`Page`对象的`data`属性，或者引入第三方状态管理库如Redux或MobX。源码分析时，注意观察数据流的管理方式。 8. **性能优化** 了解源码中是否采用了懒加载、异步数据获取、...
【总结】微信小程序
weixin_40326021的博客
11-08 388
1、自定义属性 <view class="swiper-tab-list" data-current="0" bindtap="swichNav"> <view class="{{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">
左右滑动
weixin_42388503的博客
09-12 663
最终效果如上。问题：  1、tab标题总共8个，所以一屏无法全部显示。  2、tab内容区左右滑动切换时，tab标题随即做标记（active）。  3、当active的标题不在当前屏显示时，要使其能显示到当前屏中。 tab标题因一排八个，所以使用 scroll-view组件，使其可横向滚动。  tab内容可左右滑动切换，使用swiper组件实现  为了偷懒，所以数据都通过wx:for遍历重复...
小程序中data-xx是用方式
最新发布
涂涂
06-21 365
是微信小程序中的一种数据绑定语法，用于在 WXML（小程序模板）中将自定义的数据绑定到页面元素上。
js(小程序或JavaScript)中[]、{}、()区别
weixin_43899069的博客
10-05 1924
一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数体 {}表示对象、[]表示对象的属性、方法,()如果用在方法名后面，代表调用 如：var LangShen = {"Name":"Langshen","AGE":”28”}; 上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性， 所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE， 当然我们也可以用数组的方式来访问，如：LangShen["Na
微信小程序实现tab组件
飞翔的小白
11-30 2280
1、首先在wxml文件中： <view class="main"> <view> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">详情</view> <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-curre
微信小程序实现滑动/点击切换Tab
热门推荐
苏苏就是小苏苏的博客
12-01 1万+
👏 swiper+scroll-view实现滑动/点击切换Tab，以及scroll-left的使用~ 🥇文末分享源代码。记得点赞+关注+收藏！
微信小程序 教程之数据绑定
09-01
数据绑定在微信小程序开发中起着至关重要的作用，它使得开发者能够轻松地管理和更新界面状态，而无需手动操作DOM。通过理解并熟练运用这些概念，你可以更高效地创建功能丰富的微信小程序应用。希望这篇教程能帮助你...
微信小程序 audio 组件实例详解
09-01
微信小程序的`audio`组件是用于在小程序中实现音频播放功能的关键组件，它允许开发者轻松地集成音频资源，提供丰富的控制选项。以下是对`audio`组件的详细解释和实例分析。 1. **基本使用** 在`wxml`文件中，`...
微信小程序开发-余味餐厅案例源码.zip
08-15
- **JS逻辑层**：使用JavaScript处理业务逻辑和数据管理，通过API与微信小程序框架交互。 - **JSON配置文件**：app.json和page.json用于配置全局和单个页面的属性，如导航栏、网络请求域名等。 2. **余味餐厅案例...
微信小程序 Button 组件详解及简单实例
08-31
本篇文章将深入解析微信小程序Button组件的特性和使用方法，并通过一个简单的实例来展示其基本用法。 首先，Button组件的基本结构如下： ```html 按钮文字 ``` Button组件的主要属性包括： 1. **size**: 指定...
微信小程序自定义模态弹窗组件详解
10-15
微信小程序自定义模态弹窗组件是为了解决小程序内置`showModal`组件功能受限的问题而设计的。内置的`showModal`虽然易于调用，但其标题有字数限制，并且中间内容只能展示文字，无法嵌入其他组件。这在面对需要更复杂...
微信小程序（二十一）switch组件详细介绍
09-01
在微信小程序中，`switch`组件可以与其他组件一起使用，如`form`组件，以收集用户的输入数据；或者与`button`组件结合，提交表单时同步更新开关状态。 ```html 提交 Page({ data: { switchStatus: true },...
微信小程序自定义多列选择器使用详解
12-11
微信小程序在自带的表单组件中加入了选择器picker，并给出了常用的时间和省市区三级联动选择器，但日常开发中不可能仅仅使用这些选择器，所以我们在学习时先写一个常见的自定义选择器，用于满足项目中的日常需要。...
DateTimePicker微信小程序日期选择年月日时分秒
08-10
在微信小程序中，`DateTimePicker`组件用于实现用户选择日期和时间的功能，它允许用户从一个弹出的日历和时间选择器中选取特定的日期、月份、年份、小时、分钟以及秒。这个组件在各种场景下都非常实用，比如填写表单...
微信小程序时间控件picker view使用详解
10-17
微信小程序时间控件`picker view`是开发者在构建小程序时常用的一个组件，它允许用户选择日期和时间，通常用于表单填写或预约服务等场景。本篇将详细介绍如何在微信小程序中使用`picker view`来实现一个自定义的时间...
微信小程序入门常见问题总结
李水灵的博客
01-08 928
最近公司开始向小程序靠拢，作为零出发的人踩的坑真真的多，总结一下。 1. 选项卡切换页中内容没法实现不一样的高度 方法一：（新手不建议） 利用swiper标签实现 &amp;lt;view class='header'&amp;gt; &amp;lt;view class='{{currentData == 0 ? &quot;tabActive&quot; : &quot;&quot;}}' data-current = &am
微信小程序（二）--- 数据绑定，事件绑定，全局配置window,tabBar，网络数据请求，request合法域名，GET，POST
qq_61768389的博客
11-01 4489
数据绑定，事件绑定，全局配置window，上拉触底，下拉刷新，tabBar，网络数据请求，request合法域名，GET，POST，跨越和Ajax
微信小程序选项卡页面切换
用心创作每一篇文章
01-05 1914
选项卡效果切换如下：滑动即可对应切换。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值