iview框架，后台数据二级时，做校验问题

最新推荐文章于 2023-11-17 15:23:33 发布
最新推荐文章于 2023-11-17 15:23:33 发布
阅读量157 收藏
点赞数 1
文章标签： iview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43678630/article/details/96858732
版权

获取contact里边的数据

 

在最外层form添加  :rules=“做校验的数组名”

在绑定时直接 “content.你要绑定的数据”

下边自定义数组见图

 

抹茶＂
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iView验证
鲨鱼辣椒灬的博客
07-23 481
手机号码和固定电话： 对应上面的红框部分 邮箱： 登录名： 密码： 个人还是喜欢vue的Element，iView实在是用的不习惯 作者：鲨鱼辣椒灬 来源：CSDN ...
详解iview的checkbox多选框全选时校验问题
10-16
主要介绍了详解iview的checkbox多选框全选时校验问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iview中关于多级数据表单验证问题
yupaopao1653的博客
01-26 1443
iview中关于多级数据表单验证问题表单验证prop设置功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 表单验证 你好...
vue使用iview Form组件验证（适用于后台管理系统）
weixin_33721427的博客
07-19 400
forgetPwd.vue页面 在template中使用iview Form组件 <template> <Form ref="forgetPwdForm" :label-width="100" :model="forgetPwdForm" :rules="vailRules" @submit.native.prevent="submit"> &l...
iview级联菜单:行政区划的异步加载和选择校验
William_Franca的博客
07-09 2211
iview级联菜单:行政区划的异步加载和选择校验 本例使用行政区划作为数据源，各级数据源长度如下，省级行政区划长度为 2，市级 4，县级 6，乡镇 9，村 12。如A省 66，B市 6601，C县 660102，D镇 660102001，E村 660102001005。 <Cascader :data="areaList" v-model="cascader" placeholder="请选...
iview-select-tree:基于iview进行二次开发的级联树状选择组件，支持无限级，单选，多选，搜索，表单验证（注：使用前先约会iview，否则无法使用）
03-26
iview选择树 基于iview进行二次开发的级联树状选择组件，支持无限级，单选，多选，搜索，表单验证（注：使用前先约会iview，否则无法使用） 安装 npm install iview - tree - select -- save ♡ import selectTree from 'iview-select-tree' 在约会的vue模块中需要在组件上注册这个组件，这样才可以正常使用这个组件： export default { name : 'app' , components : { selectTree } , data ( ) { return { ... } } , ... } 效果 多选效果 单选效果 表单验证效果 调用方式 < selectTree v-model = "val" : treeDat
iView中表单(动态)Form的校验
最新发布
k0933的博客
11-17 2001
iview 动态表单校验
iview后台框架
03-13
【iview后台框架】是一个基于Vue.js和iView组件库构建的前端框架，适用于快速开发企业级后台管理系统。这个框架已经由创建者初步搭建完成，为开发者提供了基础的页面结构、路由、权限控制等核心功能，使用者可以根据...
iView框架问题整理小结
10-17
了解并熟练掌握这些知识点，将有助于你在使用iView框架时更加得心应手，提高开发效率。在实际项目中，还应注意查阅官方文档，理解每个组件的完整用法和注意事项，以确保应用的稳定性和用户体验。
Vue iview-admin框架二级菜单改为三级菜单的方法
08-27
Vue iview-admin框架二级菜单改为三级菜单的方法 在 Vue iview-admin 框架中，默认情况下，左侧导航栏最多支持到二级菜单。但是在实际应用中，我们经常需要三级菜单来满足业务需求。为了实现三级菜单，我们需要修改...
iview form清除校验状态的实现
01-19
有个需求，要求对输入框进行 启用/禁用 的切换，同时在禁用时要清除输入框的校验状态（那个红框）。 方法一：修改 formItem 字段属性 在iview 的官方api 中并没找到清除校验状态的方法，看了下源码，用一个粗糙的方法解决了。 源文件 form-item.vue 中的 resetField方法 是通过修改这两个属性的值清空状态和提示的 其实就是把 formItem 的两个属性值进行了修改， v.validateDisabled 是否校验 v.validateState 展示状态（校验错误时此处值为 ‘error’） v.validateMessage 错误提示文字 修改状态的同时
iview中的form表单进行多层嵌套对象的校验
sunqy1995的博客
04-27 4683
iview的form表单校验 iview是常用的vue的ui组件，其中实现了许多的功能，其中一个最常用的还是表单功能，iview自带了表单的校验功能，在保存的时候通过调用validate方法就可以进行表达校验。 将form中绑定的值放在model上面，将每个需要进行校验的规则写在rules中 在form-item的prop上写上相应的键值 在需要校验的时候调用validate方法进行规则校验 ...
iview组件安装、加载，以及关于iview的校验规则和相关校验函数
awd15771131554的博客
03-08 3474
安装iview 1、安装依赖 （1） 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输入node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。 （2） 安装cnpm， 在命令行中输入 ： npm install -g cnpm --registry=http://regis
iView表单验证
任重道远
06-07 1万+
首先对我是用的环境进行一下说明： vue-cli + iview； 安装好 iview 组件库，然后引入，具体就不再赘述，可以看我的另一篇博客； Form表单的使用： 绑定数据 // 接受数据的对象 data(){ return{ userInfo: { username: '', password: '', captcha: ''...
iview表格(1级对应多级)
xy19950125的博客
10-26 2067
&lt;Table class="tabgrouping" border highlight-row :columns="columnList" :data="reportList"&gt; &lt;/Table&gt; export default(){ data(){ return{ columnList:[], re...
iview表单的几个常用的校验函数
xiaojing的博客
02-26 1282
1、校验排序号 validateOrderNum = (rule, value, callback) => { if (rule.required && !value && value !== 0) { callback(new Error('排序号不能为空')) } if (!value && value !== 0)...
iview 表单提交数据的时候验证问题
weixin_34194702的博客
07-12 1787
问题描述: iview Form表单提交时因数据格式不统一,有写数据表单里面含有数组,验证出现问题 1, iview表单验证的步骤 1, Form 标签里面需要写上 ref="FormData" :model="FormData" :rules="ruleValidate" 2, 给需要验证的每个 FormItem标签 设置prop="address" 属性 3, Input标签里面...
Iview 表单验证的规则总结
zshsats博客
09-20 1万+
Iview 表单验证的规则总结 &lt;FormItem prop="UserId" :rules=" [ { required: true, message: '请选择一项', trigger: 'change',type:'number',min:1}, ]" &gt; &lt;Select ...
iview自定义表单验证
热门推荐
stromGui同视
12-05 2万+
前两天写后台管理系统，写的我都不知道自己是谁了，太复杂了，尤其是在用iview和vue写的时候就更不好搞了，之前用iview做验证的时候也是费了我很大的力气，这几天稍微闲一点，我要把这一点点经验告诉大家，希望能帮到大家。 <i-form ref= 'formItem' :model="formItem" :rules='ruleValidate'> <form-item label="用户
iview框架安装
05-26
iView 是一个基于 Vue.js 的开源 UI 组件库，可以用于快速构建高质量的后台管理系统。它包含了一系列常用的组件，如按钮、表格、表单、菜单、弹窗等等。以下是安装 iView 的步骤： 1. 安装 Vue.js 首先，你需要安装 Vue.js。可以使用 npm 或者 yarn 进行安装。 使用 npm 安装： ``` npm install vue ``` 使用 yarn 安装： ``` yarn add vue ``` 2. 安装 iView 在安装 iView 前，需要先安装 iView 的依赖库。可以使用下面的命令进行安装： 使用 npm 安装： ``` npm install iview --save ``` 使用 yarn 安装： ``` yarn add iview ``` 3. 引入 iView 在 main.js 文件中引入 iView： ```javascript import Vue from 'vue' import iView from 'iview' import 'iview/dist/styles/iview.css' Vue.use(iView) ``` 这里我们将 iView 的样式文件单独引入，可以通过 CDN 或者本地文件引入。 以上就是 iView 的安装步骤，安装完成后，你就可以开始使用 iView 了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值