json编辑器插件 vue_json编辑器vue-json-editor

安装

npm install vue-json-editor --save

使用

v-model="json"

:mode="'code'"

lang="zh"

@json-change="onJsonChange"

@json-save="onJsonSave"

@has-error="onError">

import vueJsonEditor from 'vue-json-editor'

export default {

components:{

vueJsonEditor

data () {

return {

form:{

code:'3453',

name:'354'

json:{

msg: 'demo of jsoneditor',

}

methods: {

// 数据改变是触发

onJsonChange (value) {

console.log('value:', value)

// 点击保存时触发

onJsonSave (value) {

console.log('value:', value)

onError (value) {

console.log('value:', value)

}

.updateAttributes{

height: 671px;

padding: 20px;

.jsonEditor{

width: 600px;

/deep/.jsoneditor-vue{

height:300px;

}

效果

image.png

json编辑器插件 vue_json编辑器vue-json-editor相关推荐

百度html在线编辑器插件,百度编辑器UEditor插件DjangoUeditor v1.8.143
DjangoUeditor将Ueditor封装为一个Django app,提供文件/图片等上传功能,提供UEditorField.UEditorWidget等封装类,简化Ueditor在Django中 ...
wangEditor富文本编辑器使用、编辑器内容转json格式
wangEditor富文本编辑器好处:可以吧文本编辑器中的内容转成json格式,方便app.小程序使用 wangEditor官网 wangEditor官方文档 wangEditor官方下载下载好之后 ...
html代码编辑器jason,GitHub - 2947721120/jsoneditor: json编辑器
JSON 编辑器描述 JSON编辑器是一个基于网络的工具来查看.编辑和格式JSON. 这模式如树有各种编辑器,代码编辑器和一个纯文本 . 编辑可以作为你自己的Web应用程序的一个组成部分.图书馆可以 ...
基于vue的tiptap编辑器插件（三）
美化编辑器前面介绍过,tiptap是一个headless的编辑器,所以他自己是没有样式的,我们需要手动给他添加一些样式.文档中介绍了三种美化编辑器的方式,听我一一道来. Option 1: Styl ...
属性文件编辑器插件——Properties Editor
属性文件编辑器插件--Properties Editor 2009-09-15 07:37 1.Properties Editor是什么? Properties Editor,可以直接编辑Proper ...
Vue 富文本编辑器插件 vue-quill-editor 坑！
Vue3 + vue-quill-editor 安装步骤: vue3 安装vue-quill-editor npm install @vueup/vue-quill vue2 安装vue-quill- ...
Cocos插件音频编辑器——Audio Editor
音频编辑器在Cocos Creator中剪辑音频. 下载ffmpeg 在Coco Creator中下载了音频编辑器插件后, 你还需要下载下ffmpeg,因为音频编辑器是基于它开发的. 如果你用的是M ...
html渲染json的插件,[ json editor] 如何在网页中使用Json editor 插件
[目的] 在自己的网页上交由用户进行json的可视化编辑 [难点]1.json中含有递归嵌套的数组和对象 2.json中的基本值类型有数字.字符串和布尔型 [方法]使用daviddurman的Flex ...
tui-editor（富文本编辑器插件）安装报错处理方法
tui-editor安装报错处理方法项目中yarn或npm install时,tui-editor(富文本编辑器插件)安装报错. 显示 warning tui-editor > highlig ...

json编辑器插件 vue_json编辑器vue-json-editor

json编辑器插件 vue_json编辑器vue-json-editor相关推荐

最新文章

热门文章