vue elementui怎么动态添加el-form-item项并且动态给出验证提示

```

<div v-for="(item, index) intemp.templateValue" :key="index">

  <el-form-item v-if="0===index" :label="$t('模板内容值')" :prop="item" :rules="{required: true,message: `${item}不能为空`,trigger: 'blur'}" required>

    <el-input v-model="temp[item]" :placeholder = "`请输入${item}内容`" type="text" style="width: 300pxdisplay: block"/>

  <el-form-item v-else :prop="item" :rules="{required: true,message: `${item}内容不能为空`,trigger: 'blur'}" required>

    <el-input v-model="temp[item]" :placeholder = "`请输入${item}内容`" :rules="{required: true,message: `${item}不能为空`,trigger: 'blur'}" type="text" style="width: 300pxdisplay: block"/>

</div>

```

在select的组件使用过程中 ，可能会遇到传递item 形似，而不是item.id这样的请况，但是往往会出现vue的报错。

该情况下 ，可以先对item的传值，使用JSON.strigify转为字符串，在使用时候，使用JSON.parse转为对象

 <a-select

    allowClear

    showSearch

    @change="(value,option) => handleChangePayee(value,option)"

>

    <a-select-option  v-for="(item) of payeeList" :value=" JSON.stringify(item) " :key="item.payee">

        {{item.payee}}

    </a-select-option>

</a-select>

handleChangePayee(val) {

    const getVal =  JSON.parse (val)

    ......

}

把rules直接写在el-form-item标签里面 同时要注意prop的写法 写你遍历的那个数组名+下标+校验的字段

此处如果发现不生效 检查下你的prop里面的数组是不是写错了 不能写ruleForm.billingBindMeals 而应该直接写billingBindMeals

---