在前端開發中，表單的操作是非常頻繁的。而在使用 ElementUI 的表單組件時，我們往往需要將表單數據以 JSON 格式進行提交。下面我們就來了解一下如何使用 ElementUI 表單進行 JSON 提交。

首先，在表單中添加一個按鈕，用于提交表單數據：

<el-form>
<!--表單各項組件-->
<el-button type="primary" @click="submitForm">提交</el-button>
</el-form>

然后在 Vue 實例中添加方法 submitForm()，用于提交表單：

methods: {
submitForm() {
this.$refs['form'].validate((valid) =>{
if (valid) {
let formData = this.formData;
let jsonData = JSON.stringify(formData);
//發送jsonData即可完成表單提交
} else {
return false;
}
});
}
}

在這里，我們使用了 ElementUI 表單組件中的 validate 方法進行表單數據的校驗，確保提交的數據有效。之后，將表單數據通過 JSON.stringify() 方法轉換為 JSON 格式，即可進行提交操作。

最后記得在表單項中加入 v-model 綁定數據，將表單數據保存至 Vue 實例中，才能進行后續的操作。