element ui表单必填_element ui判断是否必填添加校验

是

否

v-for="item in appForm.findListData"

:key="item.dictKey"

:label="item.dictValue"

:value="item.dictKey">

确定

取消

import { Loading } from 'element-ui'; //引用loading数据

export default {

created () {

mounted () {

components: {

data () {

let personnelCategoryReg = (rule, value, callback) => {

if (value.length == 0 && this.isHaveNo) {

callback(new Error('请选择可见人员类别'))

}else {

callback()

}

return {

isHaveTo:false, //判断是否必填

appForm: {

nonediting:'1', //是否非在编

personnelCategory:[], //人员类别

appFormRules: { // 添加应用规则

personnelCategory: [

{ validator: personnelCategoryReg }

}

methods: {

isShowInfo () { //点击是否非在编

if(this.appForm.nonediting == 2) { //否

this.ChoiceE = true //是否非在编选择是,人员类别不可选择

this.isHaveNo = false //是不必填的

this.appForm.personnelCategory = []

}else { //是人员类别默认全选

this.ChoiceE = false //可选

this.isHaveNo = true //必填

this.appForm.personnelCategory = this.categoryArr

}

element ui表单必填_element ui判断是否必填添加校验相关推荐

关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单使用记录 element ui 表单 input 文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式 ...
Element select表单必填验证
Element select 表单必填验证多选问题: 特别注意:如第一段代码这里的区别是prop和v-model绑定的值不一样,这样的话是不行的,他们两个的值必须一样!!!!!而且还有一种情况,就 ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...
form generator ——Element UI表单设计及代码生成器
form generator Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中. 网站地址:https://mrhj.gitee.io/form-ge ...
vue+element ui表单校验（邮箱、电话、工商信息）
vue+element ui表单校验(邮箱.电话.工商信息)) Html部分 <template><div><el-steps :active="active& ...
vant ui 表单验证不通过信息提示的消除
vant ui 表单验证不通过信息提示的消除在使用vant表单验正消除表单不通过的信息时候可以个van-form 标签里加个 :key="formKey" , 我有尝试过使用:k ...
vue + element 自定义表单验证的时候需要通过请求后端接口验证
vue + element 自定义表单验证的时候需要通过请求后端接口验证做vue项目的时候遇到了一个需求,在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值. // templat ...
element from表单个别select 出现一开始就校验了数据，且有数据还通不过校验，选中的项叉不掉问题。
问题1: element from表单个别select 出现一开始就校验了数据,且有数据还通不过校验. 前提条件: 校验规则都设置正确,都设置prop rules等情况下出现这个问题. 下面是我设置 ...
element form表单提交数据之后清空所有输入框
element form表单提交数据之后清空所有输入框首先el-form标签上的ref属性名和调方法名统一,还有要绑定所有表单数据的一个大对象就是 :model属性,然后prop属性绑定的值要和v- ...

element ui表单必填_element ui判断是否必填添加校验

element ui表单必填_element ui判断是否必填添加校验相关推荐

最新文章

热门文章