element验证根据条件决定是否是必填项

最新推荐文章于 2024-06-03 14:48:02 发布

qq_37515373

最新推荐文章于 2024-06-03 14:48:02 发布

阅读量6.1k

点赞数 1

分类专栏： element 文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_37515373/article/details/89383116

版权

element 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在特定业务类型下工单任务删除的验证规则实现。通过动态判断业务类型，决定工单任务号是否为必填项，采用Element UI框架进行演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例：

			<el-form-item label="删除工单任务:" prop="deleteSheetno" :rules="this.formData.businessType === '1040'?rules.deleteSheetno:[{ required: false, message: '请输入要删除的工单任务号', trigger: 'blur' }]">
			<el-row class="demo-autocomplete">
                    <el-col :span="12">
                        <el-autocomplete
                        class="inline-input"
                        v-model="inputState"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入或选择要删除的工单任务"
                        @select="handleSelectSheet"
                        ></el-autocomplete>
                    </el-col>
                </el-row>
			 </el-form-item>

其实关键代码只有绑定的rule;如下：:rules=“this.formData.businessType === ‘1040’?rules.deleteSheetno:[{ required: false, message: ‘请输入要删除的工单任务号’, trigger: ‘blur’ }]”，这里的值this.formData.businessType === ‘1040’，可根据是字符串或者数字决定等于什么或者不等于什么；如果等于，就是必填的，如果不等于，那就不是必填的。