H5W3
当前位置:H5W3 > JavaScript > Vue相关 > 正文

饿了么ui form表单校验rules数组对象问题

使用rules做必填校验时,因为表单是动态的,所以是循环渲染的,所以对应的绑定的数据也是一个数组,但饿了么ui组件又需要我们传入的数据是对象。这种有什么方法解决吗

回答

可以参考文档示例

<el-form-item
  v-for="(domain, index) in dynamicValidateForm.domains"
  :label="'域名' + index"
  :key="domain.key"
  :prop="'domains.' + index + '.value'"
  :rules="{
      required: true, message: '域名不能为空', trigger: 'blur'
    }"
>
  <el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">删除</el-button>
</el-form-item>

本文地址:H5W3 » 饿了么ui form表单校验rules数组对象问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址