element-ui条件rules

最新推荐文章于 2024-07-26 14:20:59 发布

web coder

最新推荐文章于 2024-07-26 14:20:59 发布

阅读量7.5k

点赞数 2

分类专栏： Vue js elementUI

本文链接：https://blog.csdn.net/xuerwang/article/details/91798213

版权

Vue 同时被 3 个专栏收录

33 篇文章 0 订阅

订阅专栏

21 篇文章 1 订阅

订阅专栏

elementUI

9 篇文章 0 订阅

订阅专栏

 <el-form-item
              prop="name"
              :rules="this.id==1?rules.name:[{ required: false, trigger: 'blur' }]"
              :label="姓名"
              :label-width="100px"
            >
<el-col :span="16">
                <el-input type="textarea" v-model="form.name"></el-input>
              </el-col>
</el-foem-item>

rules: {
  name: [
    { required: true, message: this.$t('formPlaceholder.input')+' ' +this.$t('field.Checking_Description'), trigger: "blur" }  ],
}

:rules="this.id==1?rules.name:[{ required: false, trigger: 'blur' }]" 三元表达式

当id==1时，rules.name规则生效，既name字段必填，当id!=1时，后面的规则生效，既name字段非必填