json编辑器插件 vue_vue-json-editor json编辑器

vue-json-editor json编辑器

发布时间：2021-02-20 09:08:21编辑：admin阅读(106)

一、概述

现有一个vue项目，需要一个json编辑器，能够格式化json数据，同时也支持编辑功能。

vue-json-editor 插件就可以实现这个功能

二、vue-json-editor 使用

安装插件npm install vue-json-editor --save

使用

test.vue

v-model="resultInfo"

:showBtns="false"

:mode="'code'"

@json-change="onJsonChange"

@json-save="onJsonSave"

@has-error="onError"

/>

确定

// 导入模块

import vueJsonEditor from 'vue-json-editor'

export default {

// 注册组件

components: { vueJsonEditor },

data() {

return {

hasJsonFlag:true,  // json是否验证通过

// json数据

resultInfo: {