vue json组件_Vue.js JSON树查看器组件

最新推荐文章于 2024-04-28 10:55:39 发布

cuk5239

最新推荐文章于 2024-04-28 10:55:39 发布

阅读量685

点赞数

文章标签：字符串 vue javascript react js ViewUI

原文链接：https://vuejsexamples.com/vue-js-json-tree-viewer-component/

版权

vue json组件

Vue.js JSON tree viewer component.

Vue.js JSON树查看器组件。

npm i v-json-tree --save

<!-- In <body>, after Vue import -->
<script type="text/javascript" src="https://unpkg.com/v-json-tree/dist/vJsonTree.umd.js"></script>

In your component file

在您的组件文件中

import vJsonTree from "v-json-tree";

Then register:

然后注册：

components: {
    vJsonTree
  },

<script>
    Vue.component("v-json-tree", vJsonTree);

    new Vue({
        // ...
    })
</script>

data <Object/Array> - Data to format into tree
数据<Object/Array> -要格式化为树的数据
filterKey <String> - String to filter data
filterKey <String> -用于过滤数据的字符串
fullMarkup <Boolean> - If full mark up is need (quotes and commas)
fullMarkup <Boolean> -如果需要完整标记(引号和逗号)

hide - What should be used for the hide button
hide-隐藏按钮应使用的内容
expand - What should be used for the expand button
扩展-扩展按钮应使用的内容
more - What should be used for the elipsis when an object/array is hidden
更多-隐藏对象/数组时应用于省略号的内容

翻译自: https://vuejsexamples.com/vue-js-json-tree-viewer-component/

vue json组件

关注