uniapp的u-form组件中this.$refs.uForm.validate无响应的解决方法

最新推荐文章于 2024-05-20 00:00:00 发布
最新推荐文章于 2024-05-20 00:00:00 发布
阅读量2k 收藏
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46743083/article/details/130134497
版权

代码如图：出现的问题是函数在进入了validate校验之后在处理某一段代码时没有反应效果。
在这里插入图片描述

如果遇到这个问题可以在代码上加入debugger去调试一下，一行一行的去调试。如果其中某一段代码出现异常，那么他会终止这个函数的执行的，而且也没有错误提示。

简单来说，就是可能在某一行中的代码报错导致整体运行崩溃，这个可以通过手动debugger去调试获得解决方法的。

fei-好好学习
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于vue.js element ui 表单验证 使用this.$refs[formName].validate()
qq_41008567的博客
04-21 1万+
实现form表单提交验证功能 model : 绑定整个表单model值 rules : 整个表单校验规则 ref ：获取该表单form组件 prop : 绑定每个表单的规则，写在el-form-item上 validate : 对整个表单进行校验的方法 valid : 每个必填表单项都提交为true,否则为false 1、简易版 表单提交 //使用element-ui 页面组件 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$refs` 是一个非常重要的特性，它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而，在某些情况下，尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
u-form表单校验的校验方法
Working_hard_111的博客
03-29 2354
例如，对于用户名，我们定义了两个规则：required表示该项为必填项，message表示在校验失败时提示用户输入用户名，trigger表示该规则的触发条件，blur表示在输入框失去焦点时触发校验。在submitForm方法中，我们使用了validate方法来进行表单校验，如果校验通过，就弹出"提交成功"的提示，否则弹出"提交失败"的提示。总之，u-form表单校验是一种方便、快捷的前端表单校验方式，可以帮助我们提高数据的准确性和完整性，避免用户输入不。
uView2中form表单验证可能失效原因
最新发布
qq_58174484的博客
05-20 414
需添加type约束，如这里date是时间戳（数字类型），补充type为number即可，如下。总之，希望本文会对你有所帮助~ ^_^
表单验证 $refs----validate
weixin_44774699的博客
05-05 4628
表单验证 $refs----validate 表单验证 this.$refs[formName].validate() this.$refs[formName] 检查是否拿到了正确的需要验证的form； 1.使用此方法前检查prop一定必须要写在上面，写在里面的input上或者其他任何地方都不行（el-form-item prop属性绑定） 2.el-form rules，model属性绑定，ref标识 <el-form **ref="tbForm3"** ​
uView this.$refs.uniForm.validate() 无效 输出状态为pedding
Y_I_M_I_l_u_c_k的博客
08-30 631
在submit时也无法进入this.$refs.uniForm.validate()之中，导致表单无法验证进行提交.console.log(this.$refs.uniForm.validate())一直输出pedding
this.$refs[form].validate用法
weixin_50488897的博客
04-02 1587
【代码】this.$refs[form].validate用法。
vue Form validate 不执行问题
camille009的博客
08-25 2006
submitForm(formName) { this.$refs[formName].validate((valid) => { //这里怎么也执行不到？？？？？？？？？？？ if (valid) { alert('submit!'); } else { alert('error submit!!'); return false; } }); } 解决办法： var checkP
this.$refs[formName].validate((valid) =＞{} )无效
qq_41838435的博客
11-25 1004
this.$refs[formName].validate((valid) =>{} 无效 当验证通过时，点击确定按钮也没反应，原因是我在我在添加验证时没有写else的callback() 每个if都要对应一个else并且每个条件下都要callback确保在不同情况下都会执行callback ...
vue列表单项展开收缩功能之this.$refs的详解
10-17
在Vue.js中，`this.$refs` 是一个用于获取组件实例引用的重要特性，它允许开发者直接访问DOM元素或自定义组件实例。在这个场景中，`this.$refs` 被用来实现列表单项的展开和收缩功能。下面我们将深入探讨如何使用`...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
this.$toast() 了解一下？
12-03
【标题】: "Vue.js中的`this.$toast()`方法解析" 【描述】: 在前端开发中，经常需要处理各种提示信息，例如浮层提示。传统的做法是为每个页面单独引入和控制这些组件，但这并不高效。`this.$toast()`提供了一种更...
this.$refs[formName].validate无效
qq_38686150的博客
08-17 2337
this.$refs[formName].validate((valid) =>{} 无效 确保每一个prop都写在标签上 eg: 每一个 if 都要对应了一个 else 并且每个条件 下 都要 callback 确保 在不同情况下 都会执行callback 打印一下this.$refs[formName]，检查是否拿到了正确的需要验证的form。查看绑定的元素是否写对 如果前都没有问题，那么就是你的自定义的校验有问题，没有走通，这也是我踩过的坑。 你可以依次注释掉的一个校验
element el-form 表单验证单个字段 this.$refs.form.validateField
G佳伟
05-22 4624
element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验 ，element ui 表单验证，element ui 单独字段表单验证
this.$refs.form.validate()不起作用
K_lele的博客
09-06 4293
this.$refs.form.validate()不起作用
vue中表单的this.$refs[formname].validate不生效
weixin_44099519的博客
08-12 7828
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
Vue进阶（幺幺叁）：element ui 表单验证 this.$refs[formName].validate()问题解决
IT全栈 华强工作室
04-21 5271
前言 在开发Vue项目过程中，应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义的问题。 问题原因 要验证的DOM，还没有加载出来。 解决方法 首先打印一下this.$refs[formName]，检查是否拿到了正确的需要验证的form（有时候获取到数组，需要按下标取值）。 其次在拿到了正确的form后，检查该form...
element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验
热门推荐
xiaoheisboy的博客
01-17 1万+
element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验 ????记得点赞哦 ???? ????大佬请看???? 1.this.$refs.form中form对应el-form中的ref属性值 2.checkName 对应的是el-form表单中需要校验的标签prop属性值 3.checkName的校验规则也要对应 el-form中rules属性中的checkName，（第三点3不懂就看文档吧） this.$refs.form.validate
this.$refs[formName].validate is not a function
ea8d1n3的博客
02-17 7585
本文解决 `for` 循环中对表单进行渲染的问题, 在这种情况下获得表单的方法会得到一个数组而不是对象, 直接使用 `validate` 方法会报错; 另外通过断点调试了一下得到的结果, 发现确实是一个数组对象, 而且数组长度正式被渲染的表单数.
this.$refs.form.validate
12-02
根据提供的引用内容，`this.$refs.form.validate()`是ElementUI中用于校验表单的方法。该方法返回一个Promise对象，当校验通过时，Promise对象的状态为resolved，否则为rejected。在Promise对象的回调函数中，可以获取到校验的结果，即表单是否通过校验。如果需要在校验通过后执行一些逻辑，可以在then()方法中编写相应的代码。但是需要注意的是，如果存在没有加入验证规则的prop或者使用了validator函数，可能会导致校验结果无法正常输出。因此，在使用`this.$refs.form.validate()`方法时，需要确保所有需要校验的prop都已经加入了验证规则，并且避免使用validator函数。 代码示例： ```javascript // 假设有一个表单组件，其中包含一个名为form的ref // 在methods中定义一个校验表单的方法 validateForm() { this.$refs.form.validate().then(valid => { console.log(valid) // 输出校验结果，true表示通过，false表示未通过 if (valid) { // 校验通过后执行的逻辑 } }) } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值