当前位置: 首页 > news >正文

uview2 表单Form校验validate不生效处理方法

先贴官网实例:

<template><view class=""><u-form :model="form" ref="uForm"><u-form-item label="姓名" prop="name"><u-input v-model="form.name" /></u-form-item><u-form-item label="简介" prop="intro"><u-input v-model="form.intro" /></u-form-item></u-form><u-button @click="submit">提交</u-button></view>
</template><script>
export default {data() {return {form: {name: '',intro: '',},rules: {name: [{ required: true, message: '请输入姓名', // 可以单个或者同时写两个触发验证方式 trigger: ['change','blur'],}],intro: [{min: 5, message: '简介不能少于5个字', trigger: 'change'}]}};},methods: {submit() {this.$refs.uForm.validate(valid => {if (valid) {console.log('验证通过');} else {console.log('验证失败');}});}},// 必须要在onReady生命周期,因为onLoad生命周期组件可能尚未创建完毕onReady() {this.$refs.uForm.setRules(this.rules);}
};
</script>

按这个来会发现,有校验,但是不会打印“验证通过”或是“验证失败”
下面是我简陋的修改版:

submit() {this.$refs.uForm.validate(valid => {}).then(res => {// 返回的res.data 已经进行JSON.parseconsole.log("验证成功");console.log(res);}).catch(err => {console.log("验证失败");console.log(err);})}
http://www.lryc.cn/news/335922.html

相关文章:

  • 给已存在的docker容器修改端口映射
  • 【Keil5-调试】
  • OpenHarmony分布式软总线API调用测试工具 softbus_tool使用说明
  • Go第三方框架--ants协程池框架
  • 【原创】springboot+vue个人财务记账管理系统设计与实现
  • MySQL基础练习题:习题2-3
  • 超图SuperMap-Cesium,地形图层,可以渲染一个或多个地形(地形可缓存DEM,TIN方式),webGL代码开发(2024-04-08)
  • PCB学习记录---原理图
  • 结构型模式--3.组合模式【草帽大船团】
  • 网络基础三——其他周边问题
  • 学习周报:文献阅读+Fluent案例+水力学理论学习
  • Redis(持久化 -- RDB AOF)
  • LDR6328助力Type-C普及,便捷充电,绿色生活更精彩
  • redis主从复制、哨兵模式、集群
  • shell免登陆脚本
  • 基于springboot+vue+Mysql的职称评审管理系统
  • GitLab教程(一):安装Git、配置SSH公钥
  • 【算法】无序数组的两数之和 - map标记
  • Prime (2021): 2
  • React 状态管理:安全高效地修改对象属性的 3 种方法
  • python实现pdf的页面替换
  • [AIGC] Java List和Map常用API以及其Python实现方式对照介绍
  • 零基础如何闯入IT的神秘大门?
  • java程序 .exe启动nginx防止重复启动,已解决
  • 二十一、Rust 反射 获取类型
  • Flutter Engine引擎概念
  • 【运行环境】加载资源的形式
  • 备战蓝桥杯Day40 - 第11届python组真题 - C跑步锻炼
  • 书生·浦语大模型第二期实战营第二课笔记和基础作业
  • 成功解决> 错误: 无效的源发行版:17