美文网首页
vue elementui怎么动态添加el-form-item项

vue elementui怎么动态添加el-form-item项

作者: 前端蜗牛老师 | 来源:发表于2019-03-22 17:36 被阅读0次
这样做

```

<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>

```

相关文章

网友评论

      本文标题:vue elementui怎么动态添加el-form-item项

      本文链接:https://www.haomeiwen.com/subject/wqbrvqtx.html