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

作者：正经夜光杯 | 2024-08-19 09:09:01

踩

vue 强大的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: {

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/正经夜光杯/article/detail/1001624