Vue 中 把表单form数据 转化成json格式的数据

news/2024/7/10 1:06:47 标签: Vue, form, json

目的:Vue 中 把表单form数据 转化成json格式的数据

第一步:创建一个数据集(就是你表单需要的数据)

如果你表单都是一些正常的数据,比如 text 什么的。你定义好数据集,就去用 v-model 绑定数据。这样就可以实现数据同步了。

数据集

v-model绑定 

 如果你的数据不全是这种可以用 v-model 绑定的数据,比如我这个里面需要获取一个 img 的 src 的值。那么下面就需要你想办法把数据给绑定上去了

 

第二步:转化json

上面第一步,我们已经通过 自动 + 手动 的方式把我们需要的数据给获取到了。下面我们只需要一个方法就可以转成json了。

console.log(JSON.stringify(this.inputForm))

 

 


http://www.niftyadmin.cn/n/775382.html

相关文章

rabbitmq系列(二)几种常见模式的应用场景及实现

一、简单模式 原理:生产者将消息交给默认的交换机,交换机获取消息后交给绑定这个生产者的队列(投递规则为队列名称和routing key 相同的队列),监听当前队列的消费者获取信息并执行消费逻辑。 场景:有一个…

vue,在当前路由下点击没反应。

目的:解决vue在当前路由下点击没反应。 其实这里包含两个问题。 第一个是:你是想刷新这个路由页面。那么之需要在路由后面加个时间改变一下就好了 :to"{path:/blogfile,query:{filetitle:全部文章,t:new Date()}} 第二个是,你点击了…

MySQL快速回顾:计算字段与函数

9.1 计算字段 存储在数据库表中的数据一般不是应用程序所需要的格式。比如: 如果想要在一个字段中既显示公司名,又显示公式的地址,但这两个信息一般包含在不同的表列中。城市、州和邮政编码存储在不同的列中,但邮件标签打印程序…

Vue 改变/动态改变 title

目的:vue改变 title。 分两种情况, 第一种你事先已经定义好了 title,比如 首页 啊什么的, 第二种,是你无法确认的,比如一个看文章的页面,这个 title 就是文章的标题,你事先无法知…

Spring Boot 2.X(十九):集成 mybatis-plus 高效开发

前言 之前介绍了 SpringBoot 整合 Mybatis 实现数据库的增删改查操作,分别给出了 xml 和注解两种实现 mapper 接口的方式;虽然注解方式干掉了 xml 文件,但是使用起来并不优雅,本文将介绍 mybats-plus 的常用实例,简化…

使用Vue,获取当前页面的 IP

目的:使用Vue,获取当前页面的 IP 说明:在做一个点赞功能,获取当前用户的ip,判断它是否点赞过。 第一步:使用vue引入外部js。(这里是使用搜狐的api来获取用户的ip) 直接在 index.ht…

springboot 2.0整合/使用pagehelper插件。

先说几个问题: 1、我开始在网上找教程的时候,说是要配置mybaits核心配置。但是我的项目里面根本没有这个配置文件。(我用的是springboot2.0,我是新手,有问题可以提出来)。 2、网上基本都是查询全部数据的…

浏览器基础原理-安全: 同源策略

同源概念: 如果两个 URL 的协议、域名和端口都相同&#xff0c;我们就称这两个 URL 同源 举例: <https://time.geekbang.org/?category1> <https://time.geekbang.org/?category0>同源策略概念: 浏览器默认两个相同的源之间是可以相互访问资源和操作 DOM 的。…