uniapp表单提交，函数执行却显示undefined

最新推荐文章于 2024-01-15 10:42:09 发布
最新推荐文章于 2024-01-15 10:42:09 发布
阅读量1k 收藏 1
点赞数
分类专栏： 前端 uni-app 文章标签： 前端 vue.js uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cs_zhao18/article/details/123053910
版权
博客介绍了在uni-app中遇到的一个问题，即在调用formSubmit函数时，通过去掉函数后的括号使得表单数据能够正常显示。文章强调了uni-app的函数调用规范，并提示开发者注意这种不带括号的函数调用方式可能适用于某些特定场景。
摘要由CSDN通过智能技术生成

 如图所示，把formSubmit函数后边的（）去掉，然后可以正常显示form表单数据了。

uni-app的函数调用建议把括号去掉。

sd_zhao18
关注
专栏目录
基于JavaSpringBoot+uniapp制作一个打卡小程序
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
03-23 4722
生活中打卡的场景无处不在,上班打卡、景点打卡、活动打卡、在CSDN的APP上也有签到打卡。
uni-app 关于undefined和null 作为判断条件
Gao_Chuanhui的博客
03-23 2935
前提需求：后台得到的数据对象中的某个值没有。会提示undefined,此时可以作为if 条件语句的判断，在条件判断中 undefined 的作用=false 具体业务：已报价时间为空且截至报价时间大于等于此刻的时间-----可报价 具体代码： export default{ data(){ return{ allow:false //控制是否可以报价 } }, methods:{ getData(){ //后台请求得到数据后 // 判断报价单，是否允许报价 i
使用uniapp开发小程序时，报错undefined is not an object (evaluating ‘document.getElementsByTagName‘)。。。。。
sjt1010的博客
08-31 6269
找了半天错误，原来是引入字体图标时，引入整个文件夹 里面这两个文件报错，因为小程序中没有document，所以把这两个文件删除后就可以了，最好把demo.css也删除，因为它没用。 好了就这样。 ...
uniapp小程序加载出现undefined的问题
m0_48893127的博客
12-12 2867
数据加载慢，出现undefined的问题，提升用户的体验
关于uniapp中length的undefined问题。Cannot read property 'length' of undefined;
chenhongming888的博客
07-25 4231
关于uniapp中length的undefined问题。Cannot read property 'length' of undefined; 解决办法就是判断一下是不是null.如上图
uniapp写小程序，在一个方法内调用另外一个函数总是告诉我undefined ?如何解决？
anjignren的博客
07-31 5688
说一下情景： 写的一个小程序商城项目，购物车界面为 tabBar中的一项。在删除购物车中的一项之后（Delete()函数），进行页面刷新。 页面的刷新： 一般的做法： 在非tabBar界面中，通过redirectTo重新定向到本页面，也可以达到数据的刷新效果。 但是：这个是tabBar界面，redirectTo无效。所以，我自己的设想是，通过重新调用获取数据的函数，来进行页面的刷新。但是，总是提示我这个函数 undefined 原因：this的指向不正确。 我自己的购物车页面中： 看下面的报错：获取数据列
Uniapp及其他面试题汇总
qq_36519327的博客
07-20 3763
uniapp及其他面试题汇总
uniapp使用map地图组件
热门推荐
web18296061989的博客
03-03 1万+
本人所在的公司最近在做共享电动车的项目，打开该应用看到的就是一副地图，可以获取附近共享电动车的地址、状态等信息，开发这个应用程序还需要在地图上规划路线、动态显示轨迹、轨迹回放等功能。共享开发的项目功能总会用到LBS（Location Based Service），即基于位置的服务，国内提供地图服务的有百度地图、高德地图、腾讯地图，本文选取的是腾讯位置服务来进行地图功能的开发。 二、使用步骤 1.uniapp开发map说明 使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架，开发者编写一套
vue、uniapp使用localstorage完成历史搜索功能
qq_42642780的博客
06-09 5934
本人小白最近在学习vue和uniapp，现在在做一个魅族商城的项目，做到了历史搜索这一块，想分享一下，希望大家可以指出错误！！！（博客处女作） 说明：这里主要说的是点击搜索按钮，然后你新输入的文本就会出现在下面搜索历史的第一个，最多可以添加8个，大于8个则删除最后一个元素，其他功能这里不说明，可以私聊我一起学习哈 vue文件中的父组件 因为这里不是在同一个组件实现 <view class="right-text" " @click="search">搜索</view> metho
Cannot read properties of undefined (reading ‘push‘) 问题
drhrht的博客
03-08 6057
现象描述 当点击列表页面中的修改按钮，进入表单页面，到对应页签中，点新增按钮，输完内容点击确定保存后，发现页签中对应的列表中没有增加刚刚新增的数据 而若一开始便在列表页面，点击新增按钮，进入表单页面后，再到对应的页签中，新增记录在列表中是正常显示的 若给表单中table绑定的数据加了 filter() ，点击列表中的修改按钮，发现无法进入表单页，一直卡住 <el-table class="table" border :data="inputForm.tbBDevList.filter(funct
vue 或者uniapp中，在方法中调用data中的变量显示结果为undefined
Heartnottowake的博客
04-16 3782
vue中，如果碰到调用data中变量为undefined， 第一个检测的就是你的赋值变量的大小写问题 onKeyInput(event){ this.seachList = event.target.Value; console.log(this.seachList) }, 这里取到的值就是undefined 需要把Value变成value ...
关于uniapp开发使用uni-ui组件表单校验一直不通过的原因及解决方案
qq_40128591的博客
07-05 2498
今天使用uniapp开发东西的时候，发现我的表单校验一直通不过，后面才发现少东西了。我在uni-forms上少放了modelValue，但在官方文档上没有提示。所以要做验证必须加这个属性。因为直接像下面这样写也是可以双向绑定的，谁能想到，
uniapp使用vue3的ref获取dom元素出现undefined
12-14 2978
小程序中，uniapp的ref要绑定在子组件中才能被获取，如果绑定在view，是获取不了的，你得把业务写在一个组件来引用才行。h5则没有这种情况。
uniapp小程序为什么页面模板中显示undefined打印显示有值？
weixin_42220130的博客
12-07 2267
页面上显示undefined在函数里打印console.log()却显示有值其中1个原因是插值语法写了{{this}}解决方法：this可以省略，把页面模板上的this去掉修改前 修改后
element-ui表单验证时undefined (reading ‘validate‘)
最新发布
yy_demo的博客
01-15 969
到这里我终于找到原因了，因为我在created时期就调用了serch方法，但是这个时期无法直接拿到DOM的，所以会报错，可以换成在mounted时期去调用，或者在created时期使用$nextTick去调用。2、el-form-item我是加了prop的，并且和rules中的名称一致。1、el-form中我定义了ref，并且ref前面也是没有加冒号的。2、el-form中也绑定了rules，并且rules前面加了冒号。我搜索了一下，大部分都是说不仔细造成的，但是我一一对照了。
uni-app判断数据类型
也简的博客
05-05 5284
uni-app判断数据类型
uniapp组件出现undefined
重庆科技学院XMY的博客
04-07 6350
首先检查脚本（也就是<script>标签）内的数据名以及数据函数位置有没有语法错误 最重要的坑就是：每次写完必须重启小程序，注意不是重新编译！！！ ...
由于uni-app动态校验数据出现问题，以至于自己写校验方法
小多的博客
02-17 1744
由于使用uni-app动态校验数据 官网 上写的一直报错，错误与正确之间反复横跳，以至于只好自己写 该校验方法是在提交的时候判断是否为空以及其他规则 // obj:数据对象 // rules: 校验规则 // order: 需要校验的字段 const isValid = (v) => { let val = v; if (typeof v == 'string') { val = v.trim(); } if ((v instanceof Array) && !v.len
（onSubmit事件函数加提交前的js校验）尽量选择action方式提交。用同步方式。【免得像现在这样还得该 成同步】
anyway, life must全力以赴
04-13 334
=====【之前喜欢  异步方式。感觉写校验时，思路连贯，校验完发请求 很流畅。】&lt;div id="btn_save_baseInfo" class="btn_save"&gt; &lt;input type="submit" value="保存" class="btn btn-default btn-lg btnCustom" /&gt; &lt;%--
uniapp表单提交
07-29
对于UniApp中的表单提交，你可以使用原生的表单组件以及相关的事件来实现。以下是一个简单的示例： 1. 在页面中使用表单组件，例如`<form>`和`<input>`等，用于收集用户输入的数据。可以根据需要添加其他表单元素。 ```html <template> <form @submit="submitForm"> <input type="text" v-model="username" placeholder="用户名" /> <input type="password" v-model="password" placeholder="密码" /> <button type="submit">提交</button> </form> </template> ``` 2. 在页面的`<script>`标签中定义相关的数据和方法。 ```javascript <script> export default { data() { return { username: '', password: '', }; }, methods: { submitForm() { // 在这里可以进行表单验证等操作 // 获取表单数据并提交到服务器 const formData = { username: this.username, password: this.password, }; // 发起网络请求，将formData提交到服务器 // 例如使用uni.request方法 uni.request({ url: 'https://api.example.com/submit', // 替换为实际的接口地址 method: 'POST', data: formData, success(res) { console.log('提交成功', res); // 可以在此处处理提交成功后的逻辑 }, fail(error) { console.log('提交失败', error); // 可以在此处处理提交失败后的逻辑 }, }); }, }, }; </script> ``` 上述示例中，`submitForm`方法会在用户点击提交按钮时触发，获取表单数据并通过网络请求将其提交到服务器。你可以根据实际需求对表单数据进行验证和处理，并在成功或失败后执行相应的逻辑。 需要注意的是，以上示例仅为基本示例，实际开发中可能需要根据具体情况进行调整和补充。此外，你还可以使用其他UniApp提供的网络请求方法，如`uni.request`来发送表单数据到服务器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值