更改源码 vue-json-schema-editor-visual 自定义

git地址：https://github.com/giscafer/vue-json-schema-editor-visual

demo地址：http://blog.giscafer.com/sinokit/#/./components/jsonschema-editor

demo截图

更改vue-json-schema-editor-visual 源码，直接引入放在 componets下面

更改效果图

更改运行步骤大概如下

1. https://github.com/giscafer/vue-json-schema-editor-visual 下载zip文件，解压vscode打开

2. 直接将src 放在当前代码的components下面，新建一个文件夹 或者其他文件夹下面都可以 ，我的是 json-schema ,默认当成一个封装的组件；
   

3. 看看package.json 里面所下载的依赖，没有的添加上
   我添加的是红框里面的依赖
   

4. 开始引入 在某个页面里面，按需引入
   

5. 运行应该会报一个错误，具体的错误忘记截图啦，总之是把 json-schema /common.js 里面第二行1给注释掉啦

5. 点击新增子节点 报错
   
   仔细排查发现是 插件挂载不正确、组件中使用时this的指向以及事件触发和监听的逻辑是否符合预期等方面 这个vue 自定义方法获取不到（event.js）

就需要在main.js 里面

这个报错就解决啦，基本上这个插件就能正常运行啦

6. 熟悉代码 更改自己想要的代码属性
   6.1 :readonly=“readonlyShow” 父传值 更改属性 实现编辑保存
   6.2 添加需要的组件，删除不想关的操作

ending…