<el-col :span="7">
<el-form-item
:label="'联系电话' + (index + 1)"
:prop="'contactRelates.' + index + '.contactTelNumber'"
:rules="{
required: true,
message: '不能为空',
trigger: 'blur',
}"
>
<el-input v-model="domain.contactTelNumber" />
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item
:label="'职务' + (index + 1)"
:prop="'contactRelates.' + index + '.contactPost'"
:rules="{
required: true,
message: '不能为空',
trigger: 'blur',
}"
>
<el-input v-model="domain.contactPost" />
</el-form-item>
</el-col>
<el-col :span="2">
<el-button
type="danger"
icon="Delete"
circle
class="fr"
@click="removeDomainContact(domain)"
/>
</el-col>
</template>
<el-col :span="24">
<el-form-item>
<el-button @click="addDomainContact">新增联系人</el-button>
</el-form-item>
</el-col>
</el-row>
// 添加其他联系人
function addDomainContact() {
form.value.contactRelates.push({
contactPerson: "",
contactTelNumber: "",
contactPost: "",
type: "2",
});
}
const removeDomainContact = (item) => {
const index = form.value.contactRelates.indexOf(item);
if (index !== -1) {
form.value.contactRelates.splice(index, 1);
}
};
点击按钮新增一行input文本框
猜你喜欢
转载自blog.csdn.net/longxiaobao123/article/details/129951926
今日推荐
周排行