vue elementui表单验证组件动态修改required状态

news/2024/7/10 1:39:18 标签: vue, elementui

最近遇到的需求：在一个表单里，有一个单选项检查结果：（无问题有问题不适用）（必填）和输入框问题描述下拉框整改状态：(选填)，当检查结果选项值为（有问题）时问题描述和整改状态变为必填项，否则为选填项。如果像以前表单验证正常写法就会报错如下：在这里插入图片描述
正常显示代码如下

下面展示一些 内联代码片。

<el-form-item label="问题描述" prop="desrc" :rules="{required:menuForm.result == '1'? true:false,message:'请输入问题描述'}">
    <el-input v-model="desrc" placeholder="请输入内容"></el-input>
</el-form-item>
// menuForm.result 为检查结果单选项的值 为1即代表选择有问题时

http://www.niftyadmin.cn/n/1367415.html

二、职场生活

19年毕业到现在已经两年多了，期间换过两家公司。虽然现在我过得还算惬意，但就觉得自己现在的生活就像是在温水煮青蛙，煮我这只懒青蛙。其实还得感谢我的第一家外包公司，因为在那里受了太多的苦和煎熬。虽然那段日子很难熬但是我也…

Vue/Js 将两个数组合并生成一个对象数组并为其添加相应的key值

有两个数组（示例）： let arr1 [张三，李四，王五] let arr2 [18, 19, 20] 你想实现的效果 arr3 [{name: 张三,age: 18},{name: 李四,age: 19},{name: 王五,age: 20} ]实现函数如下 arr1.forEach((item, i) > {arr…

vue后台管理系统根据不同操作员设置页面按钮权限

需求：后台管理系统需要不同身份的操作员登录系统分别拥有不同的按钮权限思路：给页面需要控制的每一个按钮一个唯一编码（id的意思），后端可以通过接口（我这个系统是登录接口返回的）返回当前登录…

简述vue表格数据赋值给新变量后，原表格数据也随新变量数据的变化而发生改变

将elementui表格行数据的某一个数组arrList赋值给一个新的数组list 当我list进行删除操作之后原表格里的arrList也被修改了一般出现这种问题是因为vue在利用等号赋值时，是一种浅拷贝的方式，它是将等号右边的数据的引用给了等号左边的变量，这…

vue两个按钮切换分别使左右两边内容占满全屏(elementui)

需求简要说明页面上分为左右两半部分 ，有时候屏幕过小需要两边用按钮切换使其都可以全屏显示或得更大的宽度一、图片示例二、想要得到的效果示例两个按钮切换分别使左右两边内容占满全屏2.简易代码片这个页面布局分为三份即左边树形结构部分中间按钮部分和右…

js将数组里的的元素多种类型（字符串/数组/布尔）相互转换

js将数组里的的元素多种类型（字符串/数组/布尔）相互转换使用函数map() 下面列举几个常用的例子 map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值 1、将字符串数组转化为数值型数组 let arr ["1&…

vue $qs的使用

vue $qs把请求的参数进行序列化方法 1.$qs.parse() 是将URL解析成对象的形式 ex: 前端参数格式：pageNo1&pageSize15&funName&integName&interfaceType&interfaceForm&source&status 后台接受参数: {funName:’’,integface:’’,inte…

vue下载依赖的问题

vue下载依赖的问题在vue项目里下载node_modules时 npm install --save 因为使用的是外网服务，容易报错用国内镜像 cnpm install --save 会出现各种意想不到的bug 解决方案 npm install --registryhttps://registry.npm.taobao.org

vue elementui表单验证组件动态修改required状态

相关文章