项目地址leezng/vue-json-pretty at 1.x (github.com)
vue 显示编辑 json的组件,使用起来比较简单,但只能编辑值,不能增加和调整节点。
vue2 安装:npm install vue-json-pretty@v1-latest --save
vue3安装:npm install vue-json-pretty --save
使用时需要引入css:
import VueJsonPretty from 'vue-json-pretty';
import 'vue-json-pretty/lib/styles.css';
export default {
components: {
VueJsonPretty,
},
};
使用data属性绑定需要显示的对象:
<vue-json-pretty :data="{ key: 'value' }" />
网友评论