微信小程序view传值问题

最新推荐文章于 2024-06-01 15:15:00 发布
最新推荐文章于 2024-06-01 15:15:00 发布
阅读量1.1k 收藏 3
点赞数 2
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43009710/article/details/108299081
版权

今天在做购物车的时候，发现选中的按钮很小，要点几次才可以。
在这里插入图片描述
于是给checkbox 加了padding这样在点击其他部位也可以选到
在这里插入图片描述

可在改数量的加减却遇到了麻烦
之前bindtap在buttonzhong绑定，后来为了加大范围，我加了view里
可是总是提示错误。
在这里插入图片描述
view标签 加 bindtap事件，用data-groupIndex传值，如果view中只有文字，点击整个view区域都可以接收到data-groupIndex的值，但如果view里面加一个button，那么点击button包裹的区域，data-groupIndex就取不到值。

在这里插入图片描述

**解决方法：**把取值方式 由e.target.dataset.carrierName 修改为e.currentTarget.dataset.carrierName即可

乐乐呀168
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
【填坑指南】小程序 view使用bindtap传值问题
03-29
(此图片来源于网络，如有侵权，请联系删除! )  如图，view标签 加 bindtap事件，用data-name传值，如果view中只有文字，点击整个view区域都可以接收到data-name的值，如果view里面加一个lable标签，那么点击lable包裹的区域，data-name取不到值。  解决方法：把取值方式  由e.target.dataset.carrierName  修改为e.currentTarget.dataset.carrierName即可 免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所
微信小程序组件传值图示过程详解
01-03
A是父组件，B是子组件 ... navigationBarTitleText: 父子传值, usingComponents: { componentB: ../../components/son/son } } //父组件A js // view/father/father.js Page({ /** * 页面的初始数据 */
微信小程序view页面传值
weixin_45897706的博客
04-28 654
data-* ：*为自定义名称，触发view中的bindtap事件时，会把该值发送给事件处理函数。 eg: data-id data-name <view class="buttonStyle" bindtap="pulloff" data-id="{{item._id}}" data-name="{{item.goods_name}}"></view>
微信小程序的view的属性值和用法
最新发布
suqi_123123的博客
06-01 1224
微信小程序中的 view 组件具有多种属性，用于控制其样式、行为和交互。class / style: 控制视图的样式。hover-stay-time: 控制悬停时的样式和行为。data-xxx: 自定义数据属性，可在 JavaScript 中访问。bindtap / catchtap: 绑定点击事件。animation: 指定动画效果。hidden: 控制视图是否隐藏。控制滚动行为。selectable: 控制文本是否可选中。
小程序View或button点击响应方法的数据传值
Nefertari_YinC的博客
10-11 3548
我们先来看下面一段wxml里的代码： &lt;view class="deleteLabel" data-userName="{{item.nickName}}" data-userID="{{item.userId}}" bindtap="deleteUserAction"&gt;&lt;/view&gt; 这是一个普通的给View添加bindtap并且传了两个参数userName和user
微信小程序之点击view传值
sjp991012的博客
03-12 1166
data-* 自定义属性 组件上触发的事件时，会发送给事件处理函数 data-id 传值list列表中当前数据的id data-info 传值list列表中当前数据 注："data-“后面的"id”、"info"是笔者自己定义 wxml文件： <block wx:for="{{list}}" wx:key="idx" wx:for-item="itemList" > <view class='show' bindtap="getformation" data-id="
微信小程序_bindtap获取不到参数
Onion的博客
03-23 1943
bindtap的基础用法是 <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view> Page({ tapName: function(event) { console.log(event) } }) 控制太输出： { "type":"tap", ...
微信小程序页面间传值方法
m0_65730686的博客
08-12 2447
微信小程序页面间传值方法
微信小程序页面传值实例分析
08-30
在微信小程序开发中，页面之间的传值是一个常见的需求。本文将通过实例分析，探讨两种相对优雅的页面传值方法，以避免使用路径传参时可能遇到的URL长度限制问题。 首先，我们来看一下路径传参的问题。虽然可以通过...
微信小程序传值以及获取值方法的详解
10-17
本文将详细讲解微信小程序中两种常见的传值及获取值的方法：通过ID标识和使用`data-xxxx`属性。 首先，我们来看通过设置ID的方法进行传值。这种方法适用于在同一个页面内部或者在页面跳转时传递简单的数据。例如，...
微信小程序 页面跳转及数据传递详解
12-29
类似 Android 的 Intent 传值，微信小程序也一样可以传值： 例如：wxml 中写了一个函数跳转： <view class=itemWeight catchtap=jumpToOverMissionList> <view class=textStatus>已完成任务</view> <view class=...
微信小程序不同页面间传指、前端传值
qq_37194189的博客
02-16 106
微信小程序不同页面间传指、前端传值
总结微信小程序开发传值的几种方式
Insist_bin的博客
01-22 1773
总结微信小程序开发传值的几种方式暂且知道4种传值方式（有知道的朋友留言告知一下哈）1、标签传值2、页面传值2.1 navigator 标签传值2.2 调用微信 API wx.navigateTo(Object)3、from 传值 暂且知道4种传值方式（有知道的朋友留言告知一下哈） 标签传值 页面传值 form 表单传值 1、标签传值 首先通过在标签给标签添加 data-属性名 属性并赋值，然...
微信小程序：【view】中的js代码操作合集！
【敦厚的曹操】的专栏
04-19 2265
########################### 【前台 WXML】 #################### &lt;view class="Row_1 green" id="key_9" bindtap='Click' data-text="91"&gt;9&lt;/view&gt; &lt;view class="Row_1 green" id="key_8&qu
小程序中js的赋值问题
gyueh的博客
10-23 1891
1.js中给当前页面赋值 that.setData({ priceMessage: result.data }) 2.js中给当前页面的组件赋值 that.priceShowModalComponent.setData({ priceMessage: result.data }) 在给组件赋值之前，需要将组件初始化 onReady: function () { thi...
微信小程序之动态添加、删除指定内容(view)和获取input值
weixin_30639719的博客
12-11 1316
这次遇到个问题： 1. 动态的添加指定的view内容。。嗯。。很简单。。wx:for就搞定 2. 动态添加的内容中有input，最终获取值的时候，要获取到所有input的值并且是一个数组。。嗯。。 3.动态删除指定的已经添加的view内容。。 思路： 1. wx:for 循环view，添加一个，wx:for的内容就增加1个，那么循环的内容是用数字来循环还是数组呢？ 2. input是...
微信小程序跳转页面传多个参数（拼接）
minweiguo的博客
12-13 1178
//事件处理函数,带着4个参数跳转，姓名时间被访部门 bindViewTapsuccess: function() { wx.navigateTo({ //url: '../success/success?id=' + id, url: '../success/success?a=' + this.data...
微信小程序 — 怎么获得view中的文本、id等等
热门推荐
Sclifftop - 保安大队长
02-03 4万+
微信小程序-怎么获得view中的文本、id等等？ 取id很简单，取text两种情形，分开来说，先说第一个： 一、通过自定义data-text获取与定义一样的文本 view id=&amp;amp;quot;outer&amp;amp;quot; catchtap='pressView'&amp;amp;gt; view class=&amp;amp;quot;top&amp;amp;quot;&amp;amp;gt;
微信小程序动态改变数组中某个对象的某个元素值
liyucheng777的博客
04-27 3446
功能：根据用户的点击事件，判断用户选择的选项后，页面显示用户所选内容 改变含有若干对象且对象中包含数组元素的数组中的某一个值，而不是改变整个数组 知识点： 1.选中数组中特定项，并为其赋值 //index代表要改变的元素在数组中的索引 [`Motor_symptoms[${index}].yesOrno`]:1 2. .wxml <view wx:for="{{Motor_symptoms}}" wx:key="id" > ...
微信小程序路由传值怎么传数组
04-05
微信小程序路由传值可以使用query参数传递数组，如下所示： 1. 在跳转页面的wxml文件中，添加跳转事件： ``` <button bindtap="redirectToPage">跳转到页面</button> ``` 2. 在跳转页面的js文件中，定义跳转事件： ``` redirectToPage: function() { let arr = [1, 2, 3]; wx.redirectTo({ url: '/pages/page2/page2?arr=' + JSON.stringify(arr) }) } ``` 3. 在接收页面的js文件中，获取传递的数组参数： ``` onLoad: function(options) { let arr = JSON.parse(options.arr); console.log(arr); } ``` 注意：在传递数组参数时，需要使用JSON.stringify()方法将数组转换为字符串，在接收页面时需要使用JSON.parse()方法将字符串转换为数组。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乐乐呀168

整理资料不易，谢谢支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值