<template>
<div>
<el-form :model="formData3" :inline="true" ref="formData3" label-width="65px" size="medium">
<el-row
v-for="(item,index) in formData3.powerAttrList"
:key="item.key"
style="border-bottom: 1px solid #f0f0f0;padding: 10px;"
>
<el-form-item
label=""
:prop="'powerAttrList.' + index + '.fieldName'"
>
<el-input v-model="item.fieldName" placeholder="请输入参数名" />
</el-form-item>
<el-form-item
label="时间"
:prop="'powerAttrList.' + index + '.fieldTime'"
>
<el-date-picker
v-model="item.fieldTime"
type="daterange"
vue+elementui表单动态新增
于 2022-08-19 14:50:20 首次发布
本文介绍如何使用Vue.js结合ElementUI库,动态地创建和管理表单字段,实现灵活的用户交互界面。通过实例展示了如何在Vue组件中动态添加、删除表单项,以及验证表单数据的完整流程。
摘要由CSDN通过智能技术生成