目的：Vue 中 把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)

我們提供的服務(wù)有：做網(wǎng)站、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、富寧ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的富寧網(wǎng)站制作公司

第一步：創(chuàng)建一個數(shù)據(jù)集（就是你表單需要的數(shù)據(jù)）

如果你表單都是一些正常的數(shù)據(jù)，比如 text 什么的。你定義好數(shù)據(jù)集，就去用 v-model 綁定數(shù)據(jù)。這樣就可以實現(xiàn)數(shù)據(jù)同步了。

數(shù)據(jù)集

v-model綁定

如果你的數(shù)據(jù)不全是這種可以用 v-model 綁定的數(shù)據(jù)，比如我這個里面需要獲取一個 img 的 src 的值。那么下面就需要你想辦法把數(shù)據(jù)給綁定上去了

第二步：轉(zhuǎn)化json

上面第一步，我們已經(jīng)通過 自動 + 手動 的方式把我們需要的數(shù)據(jù)給獲取到了。下面我們只需要一個方法就可以轉(zhuǎn)成json了。

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

以上這篇Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。