<el-form-item
v-for="(domain, index) in dataForm.domains"
:label=domain.key
:key="domain.key"
:prop="'domains.' + index + '.value'"
:rules="{
required: true, message: '属性不能为空', trigger: 'blur'}">
<el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">删除</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('dataForm')">提交属性 </el-button>
<el-button @click="addDomain">新增属性</el-button>
</el-form-item>
<script>
export default {
data() {
return {
visible: false
dataForm: {
domains: [{
key: '属性
vue+elment Ui 动态创建输入框
最新推荐文章于 2024-08-17 21:49:23 发布
本文介绍如何在Vue项目中使用Element UI库动态创建输入框,特别关注domains数组在实现过程中的应用。
摘要由CSDN通过智能技术生成