当前位置: 首页 > news >正文

表单中某一项点击添加和删除

<!-- 特殊表单 --><div v-for="(item, index) in form.fwzb" :key="index+'fwzb'" style="height: 102px"><el-form-item label="经度:" class="form-style":prop="'fwzb.' + index + '.lon'":rules="[{required: true, message: '经度不能为空', trigger: 'blur'},]"><el-input v-model="item.lon" size="small" class="special-style" /></el-form-item><el-form-item label="纬度:" class="form-style":prop="'fwzb.' + index + '.lat'":rules="[{required: true, message: '纬度不能为空', trigger: 'blur'},]"><el-input v-model="item.lat" size="small" class="special-style" /><el-button v-if="index+1 == form.fwzb.length" type="primary" size="mini" @click="addItem(form.fwzb.length)">+</el-button><el-button v-if="index !== 0" type="danger" size="mini" @click="deleteItem(item, index)">-</el-button></el-form-item></div>

http://www.lryc.cn/news/177610.html

相关文章:

  • 深信服安全GPT 2.0升级,开启安全运营“智能驾驶”旅程
  • 【C++】STL之list深度剖析及模拟实现
  • 解释器风格架构C# 代码
  • 第七天:gec6818开发板QT和Ubuntu中QT安装连接sqlite3数据库驱动环境保姆教程
  • 自制网页。
  • MySQL单表查询和多表查询
  • 蓝桥等考Python组别四级006
  • 第3章-指标体系与数据可视化-3.2-描述性统计分析与绘图
  • 更直观地学习 Git 命令
  • 在 Vue 项目中添加字典翻译工具(二)
  • RDMA Shared Receive Queue(四)
  • this关键字
  • 缓存雪崩、缓存击穿、缓存穿透
  • Bigemap如何查看历史影像
  • 如何离线安装和使用pymysql操作mysql数据库
  • Prometheus-监控Mysql进阶用法(1)(安装配置)
  • 网络安全(黑客技术)自学内容
  • linux centos7 安装mongodb7.0.1 及 mongosh2.0.1
  • c++ | makefile | 编译 | 链接库
  • n个骰子掷出m点的概率,C++实现
  • 【JUC系列-08】深入理解CyclicBarrier底层原理和基本使用
  • 企业专线成本高?贝锐蒲公英轻松实现财务系统远程访问
  • 自学——网络安全——黑客技术
  • k8s部署gin-vue-admin框架、gitlab-ci、jenkins pipeline 、CICD
  • 【SpringBoot项目】SpringBoot+MyBatis+MySQL电脑商城
  • 互联网医院|互联网医院系统引领医疗科技新风潮
  • Mock安装及应用
  • 一起来看看UI设计流程详解吧!通俗易懂
  • TikTok营销成功秘籍:ROI指标的黄金法则
  • 17.适配器模式(Adapter)