欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementUI 表单验证,根据数据动态设置,是否是必填项,

程序员文章站 2022-07-15 16:18:58
...

直接上代码:

<el-form-item
          label="管理账号:"
          :rules="temp.connectionDataType =='0'?{
            required: true, message: '管理账号不能为空', trigger: 'blur'
          }:{
            required: false,trigger: 'blur'
          }"
        >
          <el-input v-model="temp.username" placeholder="" />
        </el-form-item>

通过事件控制temp.connectionDataType的值,即可控制是否显示红星