微信小程序form表单Cannot read property ‘detail‘ of undefined原因之一

最新推荐文章于 2023-05-31 16:30:18 发布
最新推荐文章于 2023-05-31 16:30:18 发布
阅读量891 收藏 1
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wlzzxm/article/details/126902300
版权

我利用form表单打算提交两个input框的内容，并在form的提交函数loginContainer里将input值赋给两个变量，如下图所示，在点击form button后出现了detail undefined的情况，但是input框里的值确实也已经取出并且打印成功了

 经过几番查找，再比对官方文档，最终发现了原因，欸，莫名其妙，原来是我将submit button也绑定了一个bindtap函数，事实上是指定了button为formtype后就不应该在绑定bindtap了，因为点击按钮后直接出发了form表单的submit函数。将bindtap删除后一切都已经解决了，嘻嘻

古城风暖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决在微信小程序里面参数是空值和undefined的问题
刘小杨的博客
10-29 3393
在H5里面，使用分类列表页面向详情页面发送数据的时候，用onload接收数据，遍历页面的时候，我是使用this调用了，在H5里面非常可以。但是在小程序里面就不行了。 一个是H5,一个小程序。前端人员应该不用多说。 解决方法： 在使用页面里面H5里还是在小程序里面不要用this调用直接写数据就行了 就OK啦~~~ ...
微信小程序form表单组件示例代码
01-03
表单，将组件内的用户输入的<switch> <input/> <checkbox> <slider> <radio> <picker> 提交。 ...form/>表单中 formType 为 submit 的<...携带form中的数据触发submit事件，event.detail = { value : {
微信小程序简单实现form表单获取输入数据功能示例
11-29
本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml <form bindsubmit="formBindsubmit" bindreset="formReset"> 用户名： <input name="userName" placeholder="请输入用户名！" /> 密码： <inp
微信小程序 表单Form实例详解（附源码）
12-29
微信小程序 表单Form实例 表单Form的应用很广泛，我们可以利用form设计登录注册，也可以设计一种答题问卷的形式，今天主要讲一下form的使用 form表单，将组件内输入的”switch”,”input”,”checkbox”,”slider”,”radio”,”picker”的值进行提交,数据的格式为：name:value，所以表单中控件都需要添加name属性，否则找不到对应控件的值。其主要属性： 主要代码，创建一个form表单： <!--pages/index/Component/FormM/FormM.wxml--> <view class=viewTitle> <te
Cannot read property ‘detail‘ of undefined点击详情没反应
zwjfn的博客
10-28 2077
最后发现，原来。。。。 重复写了$… 从报错也可以看出这个错误的地方是在黄色的那句话
使用mpvueCityPicke插件，报错Cannot read property ‘detail‘ of undefined
weixin_51824280的博客
07-08 355
使用mpvueCityPicke插件，报错Cannot read property 'detail' of undefined
当使用unicloud-db组件时报错[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (rea
dandanmei0513的博客
05-31 726
data还没有获取到 就在下面找data.title了，所以这个title肯定是没有值的，就报错了。报错原因：在使用unicloud-db组件时，这个是个异步的，
微信小程序 实现注册、登录功能（表单校验、错误提示）
信徒博客
05-21 1万+
我的qq 2038373094 我做的是微信小程序、网站、手机app，后端java+前端vue、bootstrap框架、原生的html+css+js都会 做过律师在线咨询系统、共享农场手机app、在线心理咨询系统
TypeError: Cannot read property 'xxxx' of undefined的解决方法
热门推荐
静幽水
10-12 9万+
TypeError: Cannot read property ‘length’ of undefined
微信小程序提交form操作示例
12-09
本文实例讲述了微信小程序提交form操作。分享给大家供大家参考，具体如下： 在微信小程序中也存在form组件，bindsubmit这个属性可以用于携带 form 中的数据触发 submit 事件，它鞋带的参数形式如下： event.detail ...
微信小程序 易打卡 表单设计 (源码)
05-31
微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)...
微信小程序Form表单提交按钮获取不到表单数据
m0_56799641的博客
08-06 1350
问题描述：再写微信小程序的一个案例时，bindsubmit绑定事件后，事件对象e.detail.value中的值是个空对象！原因：input的输入框缺少name属性。
vue初始化报错，Cannot read property '$createElement' of undefined
weixin_30316097的博客
03-22 294
把components改成component,不加s 转载于:https://www.cnblogs.com/wuxianqiang/p/10578461.html
uniapp小程序为什么页面模板中显示undefined打印显示有值？
weixin_42220130的博客
12-07 1774
页面上显示undefined在函数里打印console.log()却显示有值其中1个原因是插值语法写了{{this}}解决方法：this可以省略，把页面模板上的this去掉修改前 修改后
uniapp使用axios最新版本报错Cannot read property ‘FormData‘ of undefined
m0_60459392的博客
12-03 2193
页面启动空白，报错内容reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->UncaughtTypeError: Cannot read property 'FormData' of undefined原因是axios 1.0之后版本会报错，解决方法就是降低版本先卸载npm unin
微信小程序【TypeError:Cannot read property ‘xxx‘ of undefined】特殊情况解决方法
m0_56600567的博客
04-15 1万+
翻译：TypeError：无法读取未定义的属性“ xxx”解决方法：原因二：1.设置变量：var that=this ，然后后面就用that替换this—>这是课堂上遇到的，跟着老师解决的【注意】that只是一个变量名，取名为其它的也可以2.也许你的数据来源是数据库，然后这是需要设置数据库的权限就行了—>这是我自己遇到这个问题的解决方法。
element 表单验证值为undefined的原因及解决方案
qing_xing_的博客
09-17 7323
闲话少说，步入正题。 表单验证的时候，值为undefined的原因，网上说的有三种 1、prop名称和rules中的名称一致 2、没有指定的model 3、绑定的属性没有在data中声明（这个可有可无） 除了这三种外，还有一种情况，在验证之前 我们都能拿到表单的值，但是验证之后打印的值为undefined。 我这里具体问题出现的场景：子组件是抽屉，需要里面的值回显到父组件上，但是点击提交的时候值为undefined resetFields（）会将数据恢复初始值，这时候传过去的数据也会.
element form表单validate验证打印值undefined
weixin_60208344的博客
12-21 3599
官方网站地址 日常开发中经常会用到对form表单的规则进行校验，借助第三方组件也会让我们使用起来更加的方便，也是记录一下自己遇到的一点小问题 话不多说上代码：
使用Element ui的from表单验证时，绑定的值无法在验证函数中获取值,恒为undefined的问题分析。
陈先生的博客
12-13 2496
在最近使用element ui的form表单功能进行开发时，通过prop绑定时，无法正确的获取value值，一直输出为undefined，通过调查发现，目前el-form的model主要用表单验证的，也就是配合el-form的rules和el-form-item的prop来使用的。上面是个错误的示范，如果把要验证的数据放在了model绑定的对象外，那么就无法获得数据，验证规则内会一直得到undefined。当你已经对该属性进行绑定后，那么接下来，你的表单的prop默认绑定的值就是model绑定的对象的值。
微信小程序 TypeError: Cannot read property 'url' of undefined
最新发布
07-25
根据引用\[1\]和引用\[2\]的内容，微信小程序中出现的TypeError: Cannot read property 'url' of undefined错误可能是由于在微信小程序中使用axios时出现了问题。这个问题可能与微信小程序的兼容性或者axios的版本...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值