0
点赞
收藏
分享

微信扫一扫

[element-ui] 循环表单 el-form-item 添加验证


<el-form ref="btn" :model="init" :inline="true" :disabled="disableds">
        <div v-for="(item, index) in init.serviceSet" :key="index">
          <el-form-item label="服务费率" :rules="rules.serviceChargeRatio" :prop="`serviceSet.${index}.serviceChargeRatio`">
            <el-input v-model="item.serviceChargeRatio" :disabled="item.checkedCities.length == 0" style="width: 100px;" size="mini" clearable @input="serverMoney($event, item)" />%
          </el-form-item>
          <el-form-item label="服务费上限" :rules="rules.serviceChargeLimit" :prop="`serviceSet.${index}.serviceChargeLimit`">
            <el-input v-model="item.serviceChargeLimit" :disabled="item.checkedCities.length == 0" style="width: 100px;" size="mini" clearable />元
          </el-form-item>
          <el-form-item label="最低服务费" :rules="rules.serviceChargeMinimum" :prop="`serviceSet.${index}.serviceChargeMinimum`">
            <el-input v-model="item.serviceChargeMinimum" :disabled="item.checkedCities.length == 0" style="width: 100px;" size="mini" clearable />元
          </el-form-item>
          <el-divider content-position="left" />
        </div>
        <!-- <el-button @click="test">测试按钮</el-button> -->
      </el-form>

rules: {
    serviceChargeRatio: [
      { required: true, message: '请输入', trigger: 'blur' },
    ],
    serviceChargeLimit: [
      { required: true, message: '请输入', trigger: 'blur' },
    ],
    serviceChargeMinimum: [
      { required: true, message: '请输入', trigger: 'blur' },
    ],
  },
  test() {
  var flag = false
  this.$refs['btn'].validate((valid) => {
    if (valid) {
      console.log('--------')
      flag = true
    } else {
      console.log('============')
      flag = false
    }
  })
  return flag
},

参考:

循环表单 el-form-item 添加验证


举报

相关推荐

0 条评论