v-for

Question

我想使用element-ui和asyc-validator验证表中的字段，但没有得到任何线索我该怎么做！没有找到任何适当的文档和讨论主题，所以在这里发布我的问题。

vue模板：

<el-form :model='myForm' :rules='rules' ref='myForm'>
  <div v-for="(item, index) in items" :key="index">
    <div class="col">
      <el-form-item label="Description" prop="description">
        <el-input v-model="item.description"></el-input>    
      </el-form-item>
    <div>
    <div class="col">
      <el-form-item label="Price" prop="price">
        <el-input v-model="item.price"></el-input>    
      </el-form-item>
    <div>
  </div>
</el-form>

我试图像这样设置规则，但它不起作用

rules: {
  "description": { required: true, message: 'is required', trigger: 'blur' },
  "price": { required: true, message: 'is required', trigger: 'blur' }
}

这里是jsfiddle：https://jsfiddle.net/cgL6y9kq/15/ 尝试提交表单，即使您填写了必填字段，也会出现错误。

Answer 1

您需要使用索引动态设置：道具并在el-form-item中添加规则。在这里查看jsfiddle：this answer

object Test {

  def balance(chars: List[Char]): Boolean =
  {     
    var  opening_index: Int = -1
    var  closing_index: Int = -1
    opening_index=chars.indexOf ('(')
    closing_index=chars.indexOf (')')

    if (opening_index == -1 && closing_index == -1)
    {
      true
    }
    if (closing_index > -1 && opening_index > -1)
    {
      if (closing_index <= opening_index)
        return false
      else
        balance (chars.drop (closing_index).drop (opening_index))
    }
    else
      return false
  }
}