美文网首页
18.记录Vue项目iview FormItem 动态是否必填

18.记录Vue项目iview FormItem 动态是否必填

作者: 饿了么配送员 | 来源:发表于2021-01-13 16:05 被阅读0次

通过官网可以了解到 FormItem 的 props 有一个 rules 表单验证规则,可以控制该表单是否动态必填

// comFHFS为计算属性的一个方法
<FormItem label="快递物流" :rules="[{ required:comFHFS(formData.isType), message:'不为空', trigger:'change' }]">
   <Select v-model="formData.logisticsCode" size="small" @on-change="logisticsChange">
      <Option v-for="item in logisticsList" :value="item.code" :key="item.code">{{ item.name }}</Option>
    </Select>
</FormItem>

computed:{
    comFHFS() { // 快递物流:发货方式为: 快递 物流 显示快递物流 客户电话 且为必填
      return function (val) {
        return val === '快递' || val === '物流' ? true : false
      }
    },
}

相关文章

网友评论

      本文标题:18.记录Vue项目iview FormItem 动态是否必填

      本文链接:https://www.haomeiwen.com/subject/czoaoktx.html