vue中动态给不同表单赋值

        这里的业务是通过关联的 id 发送不同的请求获取表单的数据,然后回显到页面中,整个的页面是由多个表单拼接起来的

        点击下一步的时候,获取下一个表单的内容。 

 // 查询getForm(index) {switch (index) {case 0:this.getFromInfo("inputForm",this.inputForm)break;case 1:this.getFromInfo("projectApproval", this.projectApproval)break;case 2:this.getFromInfo("preliminaryDesign", this.preliminaryDesign)break;case 3:this.getFromInfo("landApproval", this.landApproval)break;case 4:this.getFromInfo("landPlanning", this.landPlanning)break;case 5:this.getFromInfo("invitationBids", this.invitationBids)break;case 6:this.getFromInfo("fireDesignReview", this.fireDesignReview)break;case 7:this.getFromInfo("expertArgumentation", this.expertArgumentation)break;case 8:this.getFromInfo("constructionPermit", this.constructionPermit)break;case 9:this.getFromInfo("qualitySupervisionRegistration", this.qualitySupervisionRegistration)break;case 10:this.getFromInfo("safeSupervisionRegistration", this.safeSupervisionRegistration)break;case 11:this.getFromInfo("buildRecordSubmission", this.buildRecordSubmission)break;}},getFromInfo(formType, formData) {this.get('${ctx}/buildproject/' + formType + '/info', {id: this.inputForm.id}).then((res) => {formData = res.data;this[formType] = formData;})},

        getFromInfo接受两个参数(表单的名称,表单数据结构),然后发送相应的请求获取到数据,返回给到表单中,这里最重要的一步就是  this[formType] = formData; this[] 可以指向相应的对象。比如 fromType为 inputForm 时,this[inputForm] 等同于 this.inputForm

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/622325.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

图鸟Vue3版本部署

无法将“pnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 分析原因 这个错误信息表明在 VS Code 终端中尝试运行 pnpm install,但系统无法识别 pnpm 命令。这通常表示 pnpm 这个工具没有被正确安装,或者它的可执行文件所在的路径没有被正确…

故障诊断全家桶,看这一篇就够了,精品力荐!

本期推出故障诊断全家桶,包含传统的分析时频诊断方法,依靠数据分解方法的诊断方法,依靠机器学习的诊断方法。还包含了6种适应度函数随意切换的VMD优化方法,16种数据分解方法,包络谱,包络熵等代码。以及作者…

pgAdmin使用教程(postgresql)

如何使用postgresql 要使用 PostgreSQL 数据库,你可以按照以下步骤进行操作: 安装 PostgreSQL:首先,需要在你的计算机上安装 PostgreSQL 数据库。你可以从 PostgreSQL 官方网站上下载适合你操作系统的安装程序,并按照…

剪映国际版,免费无限制使用

随着抖音的爆火短视频的崛起,相信每一个人都感受到了短视频快节奏下的生活洪流。 现如今每个人都能成为自己生活的记录者,每一个人都有掌握着剪辑的基本技能。而剪映就是很多人都会使用的剪辑软件。 相对于PR、AE等剪辑软件来说,作为一款国…

Python如何操作RabbitMQ实现direct关键字发布订阅模式?有录播直播私教课视频教程

direct关键字发布订阅模式 基本用法 发布者 import json from rabbitmq import pika import rabbitmq# 建立连接 credentials rabbitmq.PlainCredentials(zhangdapeng,zhangdapeng520, ) # mq用户名和密码 connection_target rabbitmq.ConnectionParameters(host127.0.0.…

【金猿CIO展】步长制药信息化管理与建设中心总经理束炼:IT部门既要懂技术,也要懂业务...

‍ 束炼 本文由步长制药信息化管理与建设中心总经理束炼撰写并投递参与“数据猿年度金猿策划活动——2023大数据产业年度优秀CIO榜单及奖项”评选。 大数据产业创新服务媒体 ——聚焦数据 改变商业 随着数字化转型的浪潮席卷各行各业,中国数字经济已进入快速发展阶…

水浒传之Screen的传奇-Linux/FreeBSD终端下的多窗口复用

缘起 梁山泊大厅 宋江(梁山泊头领):各位兄弟,今日我们梁山好汉齐聚一堂,可是有大事要商量。 李逵(黑旋风):哥哥,是不是又要有新的任务了?这次我们打谁&am…

架设一台NFS服务器

1、开放/nfs/shared目录,供所有用户查询资料 2、开放/nfs/upload目录,为192.168.xxx.0/24网段主机可以上传目录, 并将所有用户及所属的组映射为nfs-upload,其UID和GID均为210 3、将/home/tom目录仅共享给192.168.xxx.xxx这台主机&#xf…

【翻译转载】What is a Self-Driving Database Management System

What is a Self-Driving Database Management System? cs.cmu.edu/~pavlo/blog/2018/04/what-is-a-self-driving-database-management-system.html#footnote-cidr 概述 一些组织和个人错误地将他们的系统标记为“自动驾驶”。真正的自动驾驶数据库管理系统(DBMS…

Mybatis 常用条件语句,大于小于、if、for、模糊搜索、case when、choose

大于小于 方法1&#xff1a; > 大于 &#xff0c; < 小于 <if test"startTime ! null ">and a.create_time > #{startTime} </if> <if test"endTime ! null ">and a.create_time < #{endTime} </if> 方法2(建议写这…

爬虫的基本原理

基本原理 可以把网页与网页之间的链接关系比作节点中的连线&#xff0c;爬虫可以根据网页中的关系获取后续的网页&#xff0c;当整个网站涉及的页面全部被爬虫访问到后&#xff0c;网站的数据就被访问下来了。 1.爬虫概述 简单点讲&#xff0c;爬虫就是获取网页并提取和保存信…

PLECS如何下载第三方库并导入MOSFET 的xml文件,xml库路径添加方法及相关问题

1. 首先xml库的下载&#xff0c;PLECS提供了一个跳转的链接。 https://www.plexim.com/download/thermal_models 2. 下载一个库&#xff08;以最后一个Wolfspeed为例&#xff0c;属于CREE的SiC MOSFET&#xff09; 下载这个就行&#xff0c;都包含了。不信自己可以试试再下载…

响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-1 表单

代码 <!doctype html> <html> <head> <meta charset"utf-8"> <title>表单</title> </head><body> <!--<form action"URL地址" method"提交方式" name"表单名称" /*编码“多部…

升级cmake 版本方法

ubuntu18.04更新cmake版本_cmake 已经是最新版 (3.10.2-1ubuntu2.18.04.2)-CSDN博客

【QML COOK】- 008-自定义属性

前面介绍了用C定义QML类型&#xff0c;通常在使用Qt Quick开发项目时&#xff0c;C定义后端数据类型&#xff0c;前端则完全使用QML实现。而QML类型或Qt Quick中的类型时不免需要为对象增加一些属性&#xff0c;本篇就来介绍如何自定义属性。 1. 创建项目&#xff0c;并编辑Ma…

NVIDIA-SMI has failed because it couldn‘t communicate with the NVIDIA driver

安装显卡驱动 https://fakerth.blog.csdn.net/article/details/134659236 NVIDIA-SMI has failed because it couldn‘t communicate with the NVIDIA driver 电脑打开分辨率直接变了&#xff0c;运行nvidia-smi报错&#xff0c;当时我就在爆发的边缘了&#xff0c;想着大好…

C语言数据结构(1)复杂度(大o阶)

欢迎来到博主的专栏——C语言与数据结构 博主ID——代码小豪 文章目录 如何判断代码的好坏时间复杂度什么是时间复杂度如何计算时间复杂度 空间复杂度 如何判断代码的好坏 实现相同作用的不同代码&#xff0c;如何分辨这些代码的优劣之处呢&#xff1f; 有人说了&#xff0c…

算法:A*算法最小实例

A*算法主要作用是寻找两个节点之间的最短路径 首先&#xff0c;需要定义一个表示地图的二维数组&#xff0c;其中0表示可通过的空地&#xff0c;1表示障碍物&#xff1a; const map [[0, 0, 0, 0, 0],[0, 1, 1, 0, 0],[0, 0, 0, 0, 0],[0, 1, 0, 1, 0],[0, 0, 0, 0, 0]];接着…

原子类-入门介绍和分类说明、基本类型原子类

Atomic翻译成中文是原子的意思。在化学上,我们知道原子是构成一般物质的最小单位,在化学 反应中是不可分割的。在我们这里Atomic是指一个操作是不可中断的。即使是在多个线程一起执 行的时候,一个操作一旦开始,就不会被其他线程干扰。 基本类型原子类 AtomicInteger:整…

在illustrator中按大小尺寸选择物体 <脚本 018>

在Illustrator中我们可以依据对象的属性 如:填充颜色、描边颜色或描边宽度来选择相同属性的对象,但是Illustrator中没有根据不同大小尺寸来选择对象的功能,下面介绍的就是根据大小尺寸选择对象的脚本。 1、下面是当前画板中的所有对象,我们想把一些在尺寸小一些的方形物体…