首页 > 其他分享 >elementui对于vue表单自定义校验

elementui对于vue表单自定义校验

时间:2022-09-02 11:34:00浏览次数:67  
标签:vue 自定义 对于 elementui 校验 表单

 <el-form-item label="原因" prop="reson"
                        :rules="条件 == 值 ? [{required: true, message: '原因不能为空', trigger: 'blur'}] : [{required: false}]">
     <div v-if="条件">                  
     </div>                 
    <el-input type="textarea" :autosize="{ minRows: 3}" v-model="form.brReson"
                          :placeholder="disabled?'':'请输入原因'" />
    </el-form-item>

 

标签:vue,自定义,对于,elementui,校验,表单
From: https://www.cnblogs.com/wwwcf1982603555/p/16649200.html

相关文章

  • vue,回车事件触发登录按钮
    1.(html)登录按钮<button@click="loginButton"@keyup.enter="keyDown(e)">登录</button>2.登录方法methods:{login(){//这是登录方法}}3.键盘弹起......
  • 关于ag-grid-vue导出excel表格 进行内容valueFormatter
    最近在写ag-grid-vue的项目,用到了导出Excel功能,但是导出的数据是原始数据,不怎么理想,后来找了点方法进行处理,导出效果很好 <AgGrid...:defaultE......
  • vue3项目-小兔鲜儿笔记-一级分类页面01
    1.顶级类目-面包屑组件的封装了解render函数和h函数:render函数的返回值是html结构,渲染到#app容器,相对于template里传入html结构,render函数的优先级更高h函数是一个创建......
  • vue如何全局清除默认样式
    为什么要清除CSS的默认样式?1、首先每个浏览器对html标签都有自己的默认样式,用来保证在没有自定义样式的情况下也能被有据可循的渲染,然而各厂商都有自己的风格,需求也不......
  • 【面试题】Vue路由跳转的四种方式用法及区别
    Vue路由跳转的四种方式用法及区别点击打开视频讲解更加详细一、router-link<router-link:to="{name:'home'}"><router-link:to="{path:'/home'}">//name,path都行......
  • 使用 CSS 自定义鼠标光标
    使用CSS自定义鼠标光标你好,互联网上令人惊叹的人。希望你们都做得很好。在本文中,我们将讨论CSS光标属性。我们将在这里看到有多少类型的值与可用的游标属性相关联。......
  • 使用 Vite 搭建一个 Vue 3 UI 组件库的手把手教程 All In One
    使用Vite搭建一个Vue3UI组件库的手把手教程AllInOneelement-pluselement-uiforvue3.xversionhttps://github.com/element-plus/element-plushttps://el......
  • Appwrite 很荣幸成为 Vue.js 项目的特别赞助商
    Appwrite很荣幸成为Vue.js项目的特别赞助商我们非常高兴地宣布,从今天开始,应用程序将作为特别赞助商Vue项目,并将在财政上支持埃文以及明年Vue生态系统背后的惊......
  • 自定义分页器
    自定义分页器针对上一小节批量插入的数据,我们在前端展示的时候发现一个很严重的问题,一页展示了所有的数据,数据量太大,查看不方便针对数据量大但又需要全部展示给用户观看......
  • Flask 学习-35.restful-full 自定义错误内容 error_msg 使用
    前言当接口请求参数不合法的,可以给前端返回报错原因,给个友好的返回消息,在add_argument()中可以通过help参数来定义错误信息每个字段的错误消息可以使用help参数(Requ......