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

Posted 2023-03-12

参考技术A ```

<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: 300px;display: 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: 300px;display: block"/>

</div>

```