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

通过官网可以了解到 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
      }
    },
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容