vue rules未生效

最新推荐文章于 2024-05-30 16:23:12 发布
最新推荐文章于 2024-05-30 16:23:12 发布
阅读量349 收藏 1
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34629527/article/details/137645911
版权
本文讲述了在开发过程中遇到页面未显示小红心的问题，通过检查el-form的属性一致性、rules中的required设置以及prop属性的添加，逐步定位并解决问题的过程。
摘要由CSDN通过智能技术生成

页面中一开始没有小红心
在这里插入图片描述
1、检查el-form中的属性，确保一致性
在这里插入图片描述
2、检查rules中是否添加了required
在这里插入图片描述
这个时候还是不出现
3、检查是否prop属性，我是忘了加prop属性了。。。。。
在这里插入图片描述

qq_34629527
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue form设置rules不生效
daxi玫瑰的博客
08-19 7152
vue form设置rules不生效
vue表单验证rules无效,rules动态选择,rules动态校验,rules对象嵌套校验
热门推荐
mashangzhifu的博客
11-01 2万+
一、问题描述 这里由一个动态切换规则校验引发的一些问题，整理了下，如下文所示。 1.动态绑定规则校验 这里有个需求就是，动态切换radio，对input输入框校验，界面如下 在网上找了一圈，用了第一种方法来解决，动态添加验证规则，方法如下 <el-form-item label="授权密匙(Key)" v-if="form.value.platformType === 2" prop="value.hundredApiKey" :rules="form.value.platfo
form表单设置了rules，但是发现虽然页面有了红色星号的验证提示，但实际上当失去焦点的时候并未触发校验。form表单验证失败问题
weixin_63896561的博客
02-29 438
可见：类名为bodyInfo_ctn的div下有两个div子元素（两个div内均有el-form表单），分别使用v-if去判断显示form表单的。那么我们只给“子元素一”下的form表单加了两项表单验证，但是发现我们将这两项清空并且失焦时，却没有触发表单校验，只有label的红色星号，但是没有进行实际的表单验证并提示,见下图：大概意思就是说，有相同父元素的子元素，如果v-if和v-else的元素类型相同，最好使用key属性绑定每个子元素。
【vue】vue引用element plus的对话框中的rules不起作用
m0_63667667的博客
05-05 226
2.<el-form-item>标签内必须有prop属性。rules不起作用的原因：1 :rules要写在<el-from>标签里面，不能写在<el-dialog>中间。
VUE表单校验rules不起作用
卡农的魔笛
02-29 1万+
在做公安局疫情上报系统的时候，由于前台的表单项目比较多，而且需要根据不同的条件进行显示切换，开始运行是表单校验很好用，随着项目不断更新，忽然有一天发现校验不起作用了。 经过几次调试，发现一个规律，就只有2项是不好用的，而且就是2，3项目不起作用，把表单换一下位置，只要是处在第二，第三项目上，就不行。比如第二项之前是身份证，把身份证提到第一项上，姓名为第二项，那么姓名的校验就不好用。 经过1个多小时...
vue rules不生效
qq_45472675的博客
12-21 4766
vue rules不生效 问题查找 <el-form ref="from" :model="form" :rules="rules" label-width="80px" class="login-box"> <h1>欢迎登录</h1> <el-form-item label="账号" prop="code"> <el-input v-model="form.code"></el-input&gt
Vue 自定义rule不生效问题
Remain_Slience的博客
11-26 2091
Vue 自定义rule不生效问题
vue 使用v-if后 或 使用$forceUpdate()强制数据刷新之后导致表单rules校验失效问题
lilang_9920的博客
03-22 2854
vue 使用v-if后 或 使用$forceUpdate()强制数据刷新之后导致表单rules校验失效问题
vue3 element-plus i18n form表单校验 rules message i18n 不生效
qq_38426136的博客
12-22 371
后续发先不对劲这怎么改都改不动发现是数据没热更新。发现会有问题会导致会有双引号。用了computed去写。
解决vue addRoutes不生效问题
10-14
主要介绍了解决vue addRoutes不生效问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue中常用rules校验规则(实例代码)
10-15
主要介绍了Vue中常用rules校验规则，本文通过实例代码个大家介绍了一些校验方法,需要的朋友可以参考下
解决vue页面DOM操作不生效的问题
08-27
下面小编就为大家分享一篇解决vue页面DOM操作不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue自定义表单内容检查rules实例
01-18
先看个例子 组件 手机号: prop=phone_number> <el v-model=formPerson.phone_number></el> script中 export default { data() { var validateMobilePhone = (rule, value, callback) => { ...
vue 添加rules不生效
最新发布
weixin_43872691的博客
05-30 291
vue rules不生效
element rules不生效
Macao7_W的博客
08-23 4231
当页面中存在多个<el-form>时，所加的rules不会生效（尚未找出什么原因，大神请指教）。 正确做法：将<el-form-item>放在一个<el-form>里。 <el-form-item label="学生姓名" prop="stName"> <el-input v-model="form.stName" placeholder="请输入学生姓名" /> </el-form-ite
vue roleForm的rules不起作用/部分起作用【限制表单中输入的长度】【普通表单变验证表单】
pursuingSun的博客
04-27 1201
今天用vue+elementUI做前端，要用到验证表单，我由于已经写了表单信息，所以在普通表单的基础上去做修改。但是发现验证表单的id输入两条验证要求【非空和输入长度】，只有第一条起作用，并且没有随着输入的改变而改变。经过一番查找发现以下几点需要修改的地方： 绑定： 包括两部分：整个表格的绑定以及属性的绑定： 整个表格使用【:model】绑定表格内容，使用【:rules】绑定规则，不可以使用v-model！！ 属性绑定使用【prop】 举例： <el-form :model="form" :.
循环表单，rules失效问题
qq_41482026的博客
08-08 475
provingChange（）为input框无法输入内容解决的方法。1、循环数据必须是表单v-mode的数据。2、prop命名问题。
vue的rules验证失效,部分可以部分又失效的原因
weixin_42947972的博客
11-05 1677
很多百度都有,但是我这里遇到了一个特别的,那就是prop没有写全,导致验证某一个失效。
el-form的rule无法校验（没有效果）的几个注意点
weixin_42554373的博客
07-02 3110
【代码】el-form的rule无法校验（没有效果）的几个注意点。
vue debugger不生效
12-14
在Vue中，如果debugger不生效，可能是因为代码中没有添加debugger语句，或者浏览器的调试工具没有打开。如果你已经在代码中添加了debugger语句，但仍然无法生效，可以尝试以下方法： 1. 确保浏览器的调试工具已经打开。可以通过按F12或者右键点击页面并选择“检查”来打开调试工具。 2. 确保在代码中添加了debugger语句，并且在想要调试的位置添加了断点。可以在Vue组件的created或mounted钩子函数中添加debugger语句，然后在浏览器的调试工具中打开Sources面板，在对应的js文件中添加断点。 如果以上方法都无法解决问题，可以尝试在项目的package.json文件中关闭ESLint的no-debugger规则，具体方法如下： 1. 进入项目的package.json文件。 2. 在rules字段中添加如下内容： ```json rules": { "no-debugger": "off", "no-console": "off" } ``` 这样就可以关闭ESLint的no-debugger规则，使得debugger语句可以正常生效。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值