Vue 实现把表单form数据 转化成json格式的数据
更新时间：2019年10月29日 14:10:58 作者：小道仙
今天小编就为大家分享一篇Vue 实现把表单form数据 转化成json格式的数据，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
目的：Vue 中 把表单form数据 转化成json格式的数据
第一步：创建一个数据集（就是你表单需要的数据）
如果你表单都是一些正常的数据，比如 text 什么的。你定义好数据集，就去用 v-model 绑定数据。这样就可以实现数据同步了。
数据集
v-model绑定
如果你的数据不全是这种可以用 v-model 绑定的数据，比如我这个里面需要获取一个 img 的 src 的值。那么下面就需要你想办法把数据给绑定上去了
第二步：转化json
上面第一步，我们已经通过 自动 + 手动 的方式把我们需要的数据给获取到了。下面我们只需要一个方法就可以转成json了。
console.log(JSON.stringify(this.inputForm))
以上这篇Vue 实现把表单form数据 转化成json格式的数据就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vuex实现历史记录的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
vue封装全局弹窗警告组件this.$message.success问题
这篇文章主要介绍了vue封装全局弹窗警告组件this.$message.success问题,具有很的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-09-09
搭建vue3项目以及按需引入element-ui框架组件全过程
element是基于vue.js框架开发的快速搭建前端的UI框架,下面这篇文章主要给大家介绍了关于搭建vue3项目以及按需引入element-ui框架组件的相关资料,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下2024-02-02
计算属性是Vue中比较好用的API，开发者可以利用计算属将复杂的计算进行缓存，同时基于它的响应式特性，我们无需关注数据更新问题，但需要注意的是，计算属性是惰性求值的，本文将详细介绍计算属性的实现原理,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了浅谈vue后台管理系统权限控制思考与实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了vue组件通信传值操作,结合实例形式分析了vue.js父子组件通信及兄弟组件通信相关操作技巧,需要的朋友可以参考下2019-01-01
本篇文章主要介绍了Vue的百度地图插件尝试使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
公司某项目需求在页面显示的组件是根据角色变化而变化的，怎么实现这个效果呢，下面小编给大家介绍下Vue3的setup在el-tab中动态加载组件的方法,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了Element布局组件el-row和el-col的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了vue3.0 自适应不同分辨率电脑的操作,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
最新评论