el-form表单验证-当某一项有修改后另一项为必填

最新推荐文章于 2024-08-17 17:56:24 发布

易de

最新推荐文章于 2024-08-17 17:56:24 发布

阅读量854

点赞数

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

本文为博主原创，未经博主允许不得转载。如有问题，欢迎指正。

本文链接：https://blog.csdn.net/qq_45021462/article/details/127638683

版权

前端专栏收录该内容

33 篇文章 4 订阅

订阅专栏

<el-row>
  <el-col :span="6">
    <el-form-item label="合同附件:" prop="Imgs">
     <uploadAll
       :max-file="10"
       :file-arr="ruleForm.Imgs"
       @upload="handelUpload"
     >
     </uploadAll>
     
     <div style="fontSize:12px;color:red;marginLeft:-60px;">注：如果重新上传合同附件，备注信息必填</div

   </el-form-item>
  </el-col>
  
  <el-col :span="6" :offset="2">
    <el-form-item label="备注:" prop="beizhu">
      <el-input
        type="textarea"
        v-model="ruleForm.beizhu"
        placeholder="请输入备注"
        style="width: 100%"
        size="small"
        clearable
        :rows="3"
      />
    </el-form-item>
  </el-col>
</el-row>

export default {
  data() {
  	rules: {
       Imgs: [
          {required: true, trigger: "change", validator: this.$validUpload},
        ],
        beizhu: [
          {required: false, message: "修改合同附件后，备注为必填，请填写！", trigger: "blur"}
        ],
    },
  },
  methods: {
  	handelUpload(e) {
      this.ruleForm.Imgs = e;
      this.rules.beizhu[0].required = true; // 修改合同附件后，备注为必填！
    },
  }
}