Upload prop校验

浪里白条那片海

已于 2022-11-01 17:41:14 修改

阅读量576

点赞数

分类专栏： js vue 文章标签： vue.js html5 javascript

于 2021-09-08 18:02:04 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_37806077/article/details/120185492

版权

vue 同时被 2 个专栏收录

45 篇文章

订阅专栏

23 篇文章

订阅专栏

本文介绍了解决Vue中el-form组件在上传头像成功后如何使用this.$refs.ruleForm.clearValidate('region')清除'活动区域'字段的验证提示。通过实例展示了如何在handleAvatarSuccess方法中配合select组件实现动态校验控制。

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

解决办法：this.$refs.ruleForm.clearValidate("region")，在upload上传成功的回调里取消验证提示

<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> 
     <el-form-item label="活动区域" prop="region">
         <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
             <el-option label="区域一" value="shanghai"></el-option> 
             <el-option label="区域二" value="beijing"></el-option> 
         </el-select> 
      </el-form-item>
</el-form>

export default {
    data () {
        return {
            rules: {
                form: {
                    region: '',
                },
                rules: {
                    headPortrait: [{ required: true, message: '请上传', trigger: 'change' }]
                }
            }
        }
    },
    methods: {
        handleAvatarSuccess (res, file) {
            this.form.headPortrait = res.data;
            this.$refs.ruleForm.clearValidate("region");  // 清除指定校验文字
        }
    }
}