增加删除按钮

This commit is contained in:
aixianling
2022-04-20 18:15:33 +08:00
parent 0370ea61d9
commit a49fb6016b

View File

@@ -28,7 +28,8 @@
</el-form-item> </el-form-item>
</template> </template>
<template #edit> <template #edit>
<div v-for="(house,i) in form.houses" :key="i"> <el-row type="flex" v-for="(house,i) in form.houses" :key="i" align="middle">
<div class="fill">
<el-form-item :prop="`houses.${i}.areaId`" <el-form-item :prop="`houses.${i}.areaId`"
:rules="[{required: true,message:'请选择房屋地址'},{pattern:/[^0]0{0,2}$/,message:'请选择到村/社区'}]"> :rules="[{required: true,message:'请选择房屋地址'},{pattern:/[^0]0{0,2}$/,message:'请选择到村/社区'}]">
<ai-area-get v-model="house.areaId" :instance="instance" :root="user.info.areaId"/> <ai-area-get v-model="house.areaId" :instance="instance" :root="user.info.areaId"/>
@@ -37,6 +38,9 @@
<el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/> <el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/>
</el-form-item> </el-form-item>
</div> </div>
<el-button type="text" @click="form.houses.splice(i,1)">删除</el-button>
</el-row>
<el-button type="text" @click="form.houses.push({})">新增房屋</el-button> <el-button type="text" @click="form.houses.push({})">新增房屋</el-button>
</template> </template>
</ai-edit-card> </ai-edit-card>