uview2.0校验报错【设置rules，model必须设置！如果已经设置，请刷新页面】

最新推荐文章于 2024-05-06 21:48:32 发布
最新推荐文章于 2024-05-06 21:48:32 发布
阅读量2.6k 收藏 2
点赞数 7
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_69728991/article/details/132301532
版权

以前经常写pc端，很少写小程序这块，这次搞了个小程序使用了uview2.0，本来一切顺利，后来写了个表单验证然后就开始报错

最开始也没在意，因为感觉可能就和vue那种提示一下，然后就开始我的问题之旅

通过官方的操作提交报错

 

 

 经过打印发现validate方法是存在的，但确走不通，于是我点进源码发现

然后我去看了下model发现我定义时是按照vue和element的写法写了个空的 

解决方法绕了一圈也很简单，写上对应的item的值就可以了

 

 真是兜兜转转，没想到是这个问题，希望大家不要和我一样吧

今天养乐多
关注
  • 7
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
u-form表单校验报错 TypeError: Cannot read properties of undefined (reading ‘then‘) 原因及解决办法
weixin_43936442的博客
02-01 755
原代码将setRules放在了onReady中，这个是微信小程序的写法，我做的是H5页面，应该放在mounted中，更改后问题解决。有人提到绑定时使用了v-model，正确写法是使用:model，检查代码发现我没用错，不是这个的问题。uView提示:未设置rules，请看文档说明!如果已经设置，请刷新页面。这个就各种原因都有，看了一圈没发现和我情况相同的。使用u-form表单的校验出现bug。检查代码没问题，首先去查了下第一句。
浅谈关于iview表单验证的问题
12-29
关于iview表单验证的问题 iview表单验证的步骤： 第一步：给 Form 设置属性 rules   :rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“ 第三步：注意：Form标签里面是  :model 第四步：注意：在Form标签里面必须添加  ref,相当于id,在此范围内的表单验证有效 第五步：在操作保存按钮时，添加方法，对整个表单进行校验，参数为检验完的回调，会返回一个 Boolean 表示成功与失败。 <Form :label-width=100 ref='contractForm' :model='con
uView提示：未设置rules，请看文档说明！如果已经设置，请刷新页面。
Blues_han的博客
01-05 1121
明明添加了rules，uView表单校验报错【uView提示：未设置rules，请看文档说明！如果已经设置，请刷新页面。】
model中的rules方法
weixin_34120274的博客
02-20 303
2019独角兽企业重金招聘Python工程师标准>>> ...
uview框架u-form表单校验，rules校验对象中对象的值(解决 当form属性嵌套对象时未取到值的问题)
热门推荐
苦修的木鱼博客
03-03 1万+
解决：uview框架 form表单校验问题 当form属性嵌套对象时未取到值的问题
form表单rules配置失效
uu的博客
07-14 6572
form表单 rules 配置失效 方案1：检查item上是否使用v-if，如果使用v-if那么必须添加一个:key，并保持其唯一性 原因：因为v-if在操作dom时是在根节点上进行的删减导致rules判断的时候无法取v-if添加进来的prop值 key不能变化，否则可能会导致情况：输入后就会失去焦点 方案2: 使用this.$nextTick() validate4ChangeEvent () { this.$nextTick(function () { this.$refs.fo
关于iView UI的表单Form如何进行前端验证
m0_57945629的博客
05-12 1960
使用iViewUI组件进行表单设计的时候，需要进行到的前端验证。 一、引入iView组件 二、表单结构设计完成 三、确保表单元素Form相关指令正确设定 <Form style="border-bottom: 1px solid #ddd" :rules="ruleValidate" //必须设置为:rules :model="addMsgdata" //必须设置为:model :label-width="110" .
Flex from_validator_表单验证
05-05
提供： 表单的验证 基本流程 和处理方法 小小例子
解决uview下表单无法动态校验的问题
csdn_zuirenxiao的博客
11-02 1万+
关于uniapp插件uview表单动态校验的一个解决方案
navigationView:自定义一个基于UIView的导航栏，可以设置左右的按钮已经标题，还有透明度
06-18
navigationView 自定义一个基于UIView的导航栏，可以设置左右的按钮已经标题，还有透明度 [self.navigationController setNavigationBarHidden:YES animated:NO]; navigationView = [[UINavigationView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)]; [navigationView setDelegate:self]; [navigationView initUI:nil orTitleImageView:[UIImage imageNamed:@"home_logo"] andLeftImage:[UIImage imageNamed:@"home_menu"] andLeftImageSelected:
model相关.sql
11-01
如果rules没有其他选项，则rules关键字是可以省略的;使用IGNORE NAV，给予默认值
微信小程序实现注册登录功能(表单校验、错误提示)
12-30
口说无凭，实现效果如下 前端 部分  注册功能 1、wxml文件 <view> <view class=frm> <view class=ui-row xss=removed> <view class=ui-col xss=removed> <view class=u
uview2.0uview2.0
04-22
uview2.0uview2.0uview2.0uview2.0uview2.0
uniapp-脚手架(uview2.0+请求封装+vuex)
03-15
uniapp_脚手架(uview2.0+请求封装+vuex)
uview2.0实现picker省市区选择以及默认选择
08-25
uview2.0实现picker省市区选择以及默认选择
三、VUE数据代理
D_A_I_H_A_O的博客
04-29 597
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
前端Vue 后端FastApi 跨域 CORS
weixin_44656422的博客
05-06 192
前端是localhost:3000,后端是localhost:8000 ，就是跨域了。
vue 快速入门 系列 —— 玩转 CMS
ZL4120505的博客
04-29 829
例如 src/layouts/BasicLayout.less，里面包含一些基本布局的样式，被 src/layouts/BasicLayout.vue 引用，项目中使用这种布局的页面就不需要再关心整体布局的设置。好比中医发展了好几千年，许多本源的东西老中医也是不清楚的，但我们摸索出一套规则，按照这个能治病，这个就很好。.clearfix() 混合器定义了清除浮动的样式。组件相关的样式，有一些在页面中重复使用的片段或相对独立的功能，你可以提炼成组件，相关的样式也应该提炼出来放在组件中，而不是混淆在页面里。
vue中的async
最新发布
三三木木七的博客
05-06 279
在使用 async 关键字声明的函数内部，可以使用 await 关键字来等待一个 Promise 对象解析。这样可以使代码更加清晰和易于理解，因为它们使异步代码看起来更像同步代码，避免了回调地狱。
uview 提示：设置rules model必须设置
05-12
在 uView 中，如果你使用了 rules model（规则模式），则必须设置它。因为 rules model 是一种基于规则的数据结构，它需要在初始化时给定一些规则，以便在后续的操作中进行匹配和处理。如果没有设置 rules model，则 uView 无法执行相应的操作，会出现错误提示。因此，如果你使用了 rules model，一定要注意设置它。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值