微信小程序——点击事件传参没有数据(undefined)

最新推荐文章于 2024-08-24 00:59:55 发布

咸鱼终有翻身日

最新推荐文章于 2024-08-24 00:59:55 发布

阅读量6.9k

点赞数 2

文章标签：微信小程序点击事件传参没有数据 undefined

本文链接：https://blog.csdn.net/qq_39635610/article/details/88393802

版权

今天在wxml和js传参的时候，为了和后台的命名规则保持一致，在data-questionId的驼峰式命名，结果发现参数传到js的时候，js打印出来为undefined。今天把这个坑填了！

微信开发者工具为：V1.02.1902010

如果采用这种驼峰命名，到了js获取的时候：

数据传不过来；

所以建议采用全小写命名：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咸鱼终有翻身日

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

解决在微信小程序里面参数是空值和undefined的问题

刘小杨的博客

10-29

3558

在H5里面，使用分类列表页面向详情页面发送数据的时候，用onload接收数据，遍历页面的时候，我是使用this调用了，在H5里面非常可以。但是在小程序里面就不行了。一个是H5,一个小程序。前端人员应该不用多说。解决方法：在使用页面里面H5里还是在小程序里面不要用this调用直接写数据就行了就OK啦~~~ ...

微信小程序——点赞和取消点赞功能的实现

从零到有制作二手商城微信小程序完整日志

05-16

6952

这个项目是一个有前后端的微信小程序，能够发布和查看论文，并可以给论文点赞。这篇文章主要介绍点赞和取消点赞功能的实现。一、成果展示用户没有点赞的状态（可能有点看不清，是一个空的心的图标）。点一下之后，变成一个红心，再点一下变回空心。二、代码实现 .wxml部分 <view class="likes" style="opacity:{{0.8}}"> <image class="dianzantu" src="{{favor_img}}" bindtap="praiseTh

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

解决点击事件传参，打印时却为undefined的问题

09-06

2304

话不多说上代码 <scroll-view scroll-y="true" scroll-top="0" :style="{height:indexHeight}" @scrolltolower="ReachBottom" scroll-with-animation="true"> <view class="product" v-for="(item,index) in products" :key="item.id" > <view class="items"&gt

微信小程序：点击事件（bindtap）传递参数

最新发布

一些平时在开发过程中遇到的常见问题，分享给大家

08-24

2159

小程序在组件上绑定事件后，传递参数的方式不同于前端其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式，具体实现如下：

uniapp微信小程序v-for循环绑定事件传值为undefined

LSFonline111的博客

03-06

651

解决：将:key="item.index"改为 :key=“index”，就可以了。uni-app 中的v-for中在点击传值的时候函数中在页面输出的是有效值。问题：可能是key出现问题，key需要有效值(但是它又有值！在微信开发者工具中打开输出的却是undefined。item.image和item.name都是有值的。

微信小程序dataset没有任何数据，点击按钮，按钮函数获取不到dataset里面任何值

qq_46506007的博客

06-04

1091

微信小程序dataset没有任何数据，点击按钮，按钮函数获取不到dataset里面任何值。多选框点击函数获取不到传进来的数据，或者说按钮点击函数获取不到传进来的数据

微信小程序使用view组件中bindtap事件data-xxx传值无法获取

zhy的博客

03-01

6021

<view class="status" bindtap="checklist" data-name="p2"> js中获取参数： checklist: function(e) { console.info(e.target.dataset.name) } 无法获取，可以修改为： checklist: function(e) { console.info(e.curren...

小程序事件传参异常

Audrey___的博客

04-30

543

今日开发遇到个很奇怪的问题。A页面传参数id到B页面，id值10%的概率为空。打断点复现bug调试如下：给cell的value值设置为id，页面有参数，说明标签的id值正常。方法的event参数无值。 ...

【微信小程序高频面试题——精选一】

ytfty24124的博客

11-28

7566

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到IOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

尚学堂微信小程序大作业学习笔记

m0_46106931的博客

04-09

1271

因为要加一个key值，如果列表中项目的位置会动态改变或者有新的项目加到列表中，并且希望列表中的项目保持自己的特征和状态，要用微信可以来指定列表中项目唯一标识符如不提供wx:key会报一个warning。可以在APP里写全局变量，所有页面都可以共享，还自定义函数，比如说网络请求的封装，这样所有的页面响应都可以调用，所有小程序js文件都是没dom和bom操作的，打印window和document都是undefined的。一进页面先加载onload生命周期回调一监听页面加载页面加载时触发，一个页面只会调用一次，

微信小程序开发之路之JavaScript入门

ZP_icenow的博客

03-10

1108

第二部分——JavaScript 特性脚本语言，网页加载时解析；在用户端可以禁用在 JavaScript 中，用分号来结束语句是可选的。 JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。使用位置嵌入HTML时放在head里，用script标签, <script type="text/javas...

微信小程序学习笔记【一】

baishi0205的博客

02-28

207

编辑器结构： MINI——框架 1.pages【index——首页页面文件 loges——日志页面文件】 js——页面逻辑 wxml——页面结构 json ——页面配置 wxss ——页面样式表 2.utils 不必要，可自行删除 3.文件 app.js——小程序入口文件，同时也为全局文件，不可删除 app.json——全局配置文件，针对整个项目进行配置（可用page项目进行单页面配置） app....

小程序 wxs 传值undefined

征途人生&梦

06-09

4281

在wxs中，对电话号码截取，在截取的过程中，列表中正常，但到了详情页就报substring方法undefined<text>联系方式： {{ infoutil.replacePhone(item.contact_phone) }}</text>wxsvar replacePhone = function (phone) { var replaceStr = phone...

小程序页面向组件传数组为空

君王羔羊

07-24

1546

微信小程序给自定义组件传递数组显示为空传的值必须为数组，而不是对象，弄了一下午发现传字符可以，但是数组一接收就为空[]，后改为传数组就接收到了 that.setData({ avatar: res.data[0].avatar, bgimage:res.data[0].bgimage, sign:res.data[0].sign, donateimageurl:res.data[0], data:r

小程序前端页面访问数据出现undefined

weixin_45277812的博客

04-10

2351

在success回调中使用setData函数，注意在success里使用this.setData时并不会对dataList赋值成功，因为此时的this指代的是success，需要在回调外提前声明全局的this，如。：已在data中声明dataList数组，且页面加载时调用了getData函数给dataList赋值，但是在前端使用wx-for遍历dataList数组时，出现undefined情况。：页面的渲染和函数的调用异步执行。

小程序wxml传参数给js却获取不到

weixin_47077075的博客

04-21

573

wxml传数据给js，js却无法获取到原因：在wxml和js传参的时候，在data-goodId的驼峰式命名，会导致参数传到js的时候，js接收不到原因是小程序会将其改为小写。

小程序模板中data传值有无...

weixin_34092455的博客

09-20

700

A：<template is="gemSelectColor" data="{{optionData}}" />B：<template is="gemSelectColor" data="{{...optionData}}" /> A：导入对象后可以在模板中按照对点打点调用的方式待用数据 B：传入的数据已经被展开，可以直接书写对象的属性来拿到对象中的值，这点熟悉es6的...

uniapp 编写代码小程序运行点击事件传参undefined

耳朵

03-02

2419

uniapp的项目在小程序上运行时点击事件传的参数是undefined 解决 <view class="oper-item" v-for="(pro,index) in operlist" :key="index" @click="getPath(pro.path)"> 把:key的值设为index就可

微信小程序-- 请求数据传到服务端为null 解决方法

明月寄天涯的博客

04-28

3098

https://blog.csdn.net/weixin_43865196/article/details/90693064

事项助手微信小程序——小工具类源码分享

4. **数据存储**：微信小程序提供了本地数据存储的 API，如 `wx.setStorageSync()` 和 `wx.getStorageSync()` 方法，用于在本地存储和读取数据。 ### 微信小程序用户界面设计 1. **交互性**：事项助手小程序的界面...