vue中必填项有值,还弹出异常,F12报XXX is required

最新推荐文章于 2023-07-31 15:58:18 发布

petter♛

最新推荐文章于 2023-07-31 15:58:18 发布

阅读量3.4k

点赞数 1

分类专栏：心得文章标签： vue vue.js

本文链接：https://blog.csdn.net/weixin_50328560/article/details/112509051

版权

心得专栏收录该内容

27 篇文章 1 订阅

订阅专栏

1.属性绑定错误，确保绑定的是 :model 而不是v-model !

<el-form
    ref="add_edit_form"
    :model="add_edit_form"
    :rules="add_edit_rules"
    label-width="110px"  
>

2.是否在其他el-form 中使用了相同的ref 名

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

petter♛

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue-项目使用过程中遇到的一些问题

ruko9805的博客

04-25

493

vue-项目使用过程中遇到的一些问题最近项目比较忙，五一前要把初版做完，周六加了一天班，今天收尾，明天做测试联调，改改bug，后面再找用户提提意见，估计晃晃悠悠就到五一了。项目确实让人成长，我是个新手，项目过程中不是难免，是必定遇到了很多问题，我想记下来，一些技术上的盲点，还有一些思维上的盲点。问题一 Cannot read property ‘xxx’ of undefined 这类问题这个错误，在vue代码撰写中经常遇到。原因主要分为这几类原因一、你调用的数据没有初始化解决方法，在你

Vue2---

Koite的博客

03-23

1443

Vue2 简介一套用于构建用户界面的渐进式js框架特点 1、采用组件化模式，提高代码复用率、且让代码更好维护 2、声明式编码，让编码人员无需直接操作DOM，提高开发效率 3、使用虚拟DOM+优秀算法Diff算法，尽量复用DOM节点安装官网：Vue.js 学习——教程——安装——用<script>引入——选择开发版或生产版使用前准备 <script src="../../Vue/vue.js"> 将文件引入后打开浏览器测试，f12中会出现两个提示

参与评论您还未登录，请先登录后发表或查看评论

Vue Element 使用required提示语问题出现‘xxx is required‘解决方案

hikktn的博客

03-25

7997

当我们使用form表单，然后加上rules规则验证，但是发现了下面这个问题：问题原因：遇到这个问题，就是你要检查你是否少写了message（提示语），否则就会出现默认语句。解决方案就是加上message。 ......

vue—必填项已填后仍提示未填写

qq_28218401的博客

07-01

2545

vue 必填项的校验-填写内容失焦后依旧提示未填写

antd下拉框选择了值，却仍然触发了rules里面的必选项

Haines

04-14

1937

问题：下拉框明明选择了解决：去掉它

解决vue+ element ui 表单验证有值但验证失败问题

江湖行骗老中医

06-27

3098

这篇文章主要介绍了vue+ element ui 表单验证有值但验证失败，本文通过实例代码给大家分享解决方案，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下一.如图：有值但是验证失败二. <el-form :model="form" :rules="rules"> <el-form-item label="数据模板" prop="template" > <el-col :span="20"> <el-inpu.

vue中rules规则校验input框有值却不通过

weixin_44046781的博客

08-20

3515

vue中rules规则校验input框有值却不通过一般是数据类型影响的一般是后端给的数据是number类型的渲染时把数据tostring一下就可以了

Vue 笔记 04

Alice_Lee_Lee的博客

12-15

1486

Vue脚手架项目构建、ref标签属性、props配置项、mixins配置项、插件、scoped样式、WebStorage、组件自定义事件、全局事件总线、消息订阅与发布、$nextTick

vue-quill-editor 自定义 a 标签，给标签添加href属性

且听风吟的博客

10-25

6597

vue-quill-editor 富文本编辑器自定义 a 标签属性

Springboot+Vue前后端分离项目-管理系统-下

m0_56308072的博客

06-06

421

承接在上篇我们完成了登录页的前端布局以及后端接口我们在这里完成管理页的全部任务。

vue中的require

个人博客

07-31

9887

require 是 node 中的一个方法，他的作用是用于引入模块、 JSON、或本地静态文件。require会在编译过程中被执行，最终会得到对应文件的内容（例如json文件）或者是文件编译后的目录路径（例如图片文件，当然如果图片大小小于一定值，会被直接转换为base64编码，具体配置参考vue-cli）。因为在js中直接使用字符串路径时，编译后也会使用当前字符串路径引入，而编译后的图片路径并不一定是图片存放的目录路径。可以遍历文件夹的文件，从中获取指定文件，自动导入模块。获取引入的所有文件的key，

vue rules验证有值，但验证失败

0老船长0的博客

03-11

2517

BUG复现：排查顺序：组件绑定的变量是否在data{}里面声明，无声明则会获取值为undefined。 prop的名称是否与v-model的名称一致。当数据为Number类型时，是否在rules添加type:"number" demo <form-item label="原价" prop="originalPrice"> <InputN...

[vue-router] “path“ is required in a route configuration报错

xaiolele的博客

05-22

2734

原因在router.js文件里配置路由时，不能写空{},在程序里写了空{}是不会报错的，但在程序运行时扫描{}中没有path时会报错解决方法删除{}或者在{}里补全配置至少又要path，和component 正确例子 routes: [ { path: '/', name: 'home', component: Home, redirect: '/index',

vue 表格嵌套表单验证，填写了其中一个后另一个提示为必填项，俩个不填为非必填，

m0_49471668的博客

05-31

1268

<el-col :span="6"> <el-form-item label="证书名称:" prop="fileName" :rules="RecordOperation.upload[i].classHour?[{required: true, message: '请输入证书名称', trigger: 'blur'}]:[{required:false}]"> <el-input .

关于element-ui form表单必填项已经选入值并回填了，但是还会报错必填提示

m0_59157023的博客

06-20

3084

今天用el-form表单的时候发现明明已经选入值并回填了发现还是会触发必填报错。因为我这里是点击后右边是一个select选项帮助。这里代表的是只有blur的时候才触发rule规则。经过发现，是因为rule表单触发校验规则。但是我选择应该是change事件。

vue-element-admin,动态校验字段是否required

sinat_34842630的博客

01-19

1453

使用vue-element-admin过程中，遇到表单校验，要求动态校验字段是否required，如图，需要满足：当B不为空时，A必填； A，B都为空； A不为空，B为空。使用form 首先要加个这样的class； rules是这个样子的；最后自定义validate ...

vue关于required动态改变*问题

starwma的博客

11-22

3520

1.:required="isAdd" 可以实现动态变化，存在问题 isAdd 是一个Boolean变量 true / false 出现的问题xxx is required 2. :class="{'is-required': isAdd}" 可以实现*动态变化再去做rules自定义规则校验 ...

Element UI -- form表单验证必填时，有值时依旧验证不通过

SiaEyre

09-20

5640

使用Element UI form表单验证时 <el-form-item v-if="item.C_type=='input_text'" class="components" :prop="item.C_name" :rules="{required: item.props.rules.required...

element-ui vue form的rules修改后红色提示信息还在

aoeace

05-11

3537

<el-form ref="addForm" :model="addData" :rules="add?rules:rules2" size="mini" label-width="100px"> js： this.add=true //dom更新后再执行 this.$nextTick(() => { let af = this.$refs['addForm'] if(af){ af.clearValidate() } }) ...

vue中表单提交有必填项未填写自动跳转到第一个地方