vue+element ui 之table中表单校验

img

按百度CV 一直报 please transfer a valid prop path to form item!" 这个错误

不排除是绑定时机问题 table中的el-form-item推荐你还是直接在 el-form-item 标签上写rule ,你也不需要在el-form去写统一的rule去绑定prop

el-form-item 的话 你先把里面的rule写死

img

类似于这种 然后你再试试

你想起到验证效果,首先,你的el-form的rules中的变量里面应该有每个el-form-item中对应的prop中的名称

你做的 这个是 动态的 校验

<el-form-item
                label="商品主图"
                :prop="'items.' + index + '.pics'"
                :rules="{
                  required: true,
                  message: '请上传主品图片',
                  trigger: 'change'
                }"
              >

// 如果需要 放置自定义校验
<el-form-item
                label="数量/件"
                :prop="'items.' + index + '.num'"
                :rules="blurTexts"
              >
data上
const blurText = async (rule, value, callback) => {
      const boolean = new RegExp('^[0-9][0-9]*$').test(value)
      if (!boolean) {
        callback(new Error('最小值为0,且需要是整数'))
      }
    }

data中
 blurTexts: {
        required: true,
        validator: blurText,
        trigger: 'blur'
      },

// 希望能够帮到你

el-form的rules中的变量里面应该有每个el-form-item中对应的prop中的名称就可以了,也用单个写

刚刚找到问题了 原来是样式结构出现了问题

忘记给 el-form-item 设置 label-width="0"了