热门标签
热门文章
- 1微信小程序，IOS兼容日期格式问题，注意ios高低版本兼容性不一致
- 2vmware 虚拟工作平台（虚拟机--客户机） ---物理机（宿主机）_vm虚拟机客
- 3Mocaverse NFT 概览与数据分析
- 4Docker之docker-compose语法
- 5使用Python在Excel表指定位置插入多列并赋值_python怎么将excel表格里面插入三列
- 6安装rasterio包，gdal包、pyproj包_rasterio whl文件安装
- 7docker镜像分层_docker分层
- 8python3.0下载官网_在windows64位上安装Python3.0
- 9Windows脚本 - Bat批处理命令使用教程_批处理 菜鸟教程
- 10JDBC-ecplise连接MySql数据库_esplise在src下创建目录
当前位置: article > 正文
vue elementui动态增加列表表单_
作者：羊村懒王 | 2024-02-16 06:04:40
赞
踩
1.html
<el-form ref="ruleForm" :model="ruleForm" size="mini" :rules="rules"> <el-table-column align="center" label="姓名" prop="RCNAME"> <template scope="scope"> <el-form-item :rules="rules.RCNAME" :prop="'region.'+scope.$index+'.RCNAME'"> <el-input placeholder="请输入姓名" clearable v-model="scope.row.RCNAME" /> </el-form-item> </template> </el-table-column> </el-form> <el-table-column align="center" label="操作" min-width="120"> <template slot-scope="scope"> <el-button type="text" size="small" @click="delList(ruleForm.region,scope.$index)"> 删除 </el-button> </template> </el-table-column>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
2.js
ruleForm: {
region: [{
RCNAME: ''
]
},
delList(row, index) {
row.splice(index, 1)
},
addList(region) {
region.push(Object.assign({}, {
RCNAME: ''
}))
},
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/91332
推荐阅读
Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。
