vue elementui rules根据条件判断下一个选项必填和非必填的校验

摘要:
˂el form itemlabel=“HyperLink”prop=“target”:rules=“formInfo.type==1?
<el-form-item label="HyperLink" prop="target" :rules="formInfo.type === 1?formRule.target:[{ required: false}]">
      <el-input   v-model="formInfo.target" clearable size="small" placeholder="Please select related content" @focus="selectArticle"></el-input>
</el-form-item>
formRule: {
       title: [
            { required: true, message: 'Please enter Banner title', trigger: 'blur' },
            { min: 1, max: 50, message: '1 to 50 characters', trigger: 'blur' }
       ],
        img: [
           { required: true, message: 'Please select a cover image', trigger: 'change' }
        ],
        type: [
           { required: true, message: 'Please select a jump type', trigger: 'change' }
       ],
       target:[
           { required: true, message: 'Please write a content', trigger: 'blur' }
      ] 
},

转自:https://www.bianchengquan.com/article/269073.html

  

免责声明:文章转载自《vue elementui rules根据条件判断下一个选项必填和非必填的校验》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇winform 点击子控件触发父控件的事件MacOS 下完全卸载 Tuxera NTFS下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

#学习分享#开发基础知识之前端测试(一)

前言:本文用于2018/1/30晚内部分享。主题:前端单元测试 正文: 一、思考 我的目标是,如何浅入本次的主题,让愿意接收陌生信号的“对象”快速简单的get到信号,并且对本次分享产生一个小兴趣。 二、What     本章节主要讲述前端单元测试做什么,vue单元测试做什么。   (1) 基础概念 测试的概念:测试是检测你的应用代码(也叫“生产代码”)...

鼠标悬浮显示鼠标停留数据的内容 elementui + vue

先看效果图 直接上代码 <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane :label="speaker.abscissa[0]" name="first"> <div...

Android签名总结

http://www.cnblogs.com/wanqieddy/p/3556060.html signapk.jar与eclipse export插件默认赋予程序一个DEBUG权限的签名 signapk.jar包含有系统权限(system api, permission),而eclipse export插件默认赋予程序一个DEBUG权限的签名。 D:...

Vue(三)-- class与style绑定、条件渲染、列表渲染、列表的搜索和排序

目录 1.class与style绑定 --1.1class绑定,:class='xxx' --1.2style绑定 2.条件渲染 --2.1v-if和v-else --2.2v-show --2.3比较v-if与v-show 3.列表渲染 --3.1v-for遍历数组 --3.2v-for遍历对象 --练习代码 --3.3为什么要使用:...

Vue 表情包输入组件的实现代码

Emotion 一个用于vue的表情输入组件https://gitee.com/jiangliyue/vue_expression_input_module index是使用示例,emotion是组件代码(这里用的是微信表情包的地址,大家可根据需要修改) 下载安装启动项目查看效果 npm install npm run dev Emotion文件夹下...

Vue中引入TradingView制作K线图

**前言: 本文使用的是1.10版本 , 可通过TradingView.version()查看当前版本. 附上开发文档地址:https://zlq4863947.gitbooks.i...** 一、修改datafeed.js为export导出,并在vue文件引入TradingView内部代码charting_library.min.js和datafeed....