npm install ngx-json-vieweroryarn add ngx-json-viewerFor older Angular:# For Angular 4/5/6/7+: npm install ngx-json-viewer@2 # For Angular 2: npm install ngx-json-viewer@1NPM Package: https://www.npmjs.com/pack
Then installvue3-json-viewer $ npm install vue3-json-viewer --save RecentUpdate dark theme support Add click event for keyNode Support RegExp types Doc document Usage main.js import{createApp}from"vue";importAppfrom"./App.vue";importJsonViewerfrom"vue3-json-viewer";// if you used v1.0...
npm install vue-json-viewer@3 --save 这里的@3表示安装Vue 3兼容的版本。 使用yarn安装: 如果你使用的是yarn,可以运行以下命令: bash yarn add vue-json-viewer@3 安装完成后,你就可以在Vue 3项目中使用vue-json-viewer组件来显示JSON数据了。 使用示例 以下是一个简单的使用示例: vue <template>...
需要依赖clipboard,先安装clipboard $ npm install clipboard --save 再安装vue3-json-viewer $ npm install vue3-json-viewer --save 使用 mian.js import{ createApp }from'vue'importAppfrom'./App.vue'importJsonViewerfrom"vue3-json-viewer"constapp=createApp(App) app.use(JsonViewer) app.mount('#ap...
npm install vue-json-viewer --save 结果展示: <json-viewer :value="jsonData"copyable boxed sort style="line-height: 1.2em; font-size: 14px;"></json-viewer> 其中: copyable 标识可以粘贴 sort 属性为排序 boxed 数据在边框内 __EOF__
官网地址:https://www.npmjs.com/package/vue-json-viewer 2.1 全局注册组件 在全局 main.js 中引入,在 main.js 文件中添加: importJsonViewerfrom'vue-json-viewer'Vue.use(JsonViewer) 2.2 单个页面局部引入 importJsonViewerfrom'vue-json-viewer'exportdefault{components:{JsonViewer} ...
最近在开发一个公司的管理系统的操作日志模块,需要查看某条日志的时候,要将请求数据以 JSON 格式展示出来,于是就用到了 vue-json-viewer 这个组件,特此整理学习。 以下是实现的效果: 使用步骤: 1. 安装 vue-json-viewer 组件 npm install vue-json-viewer --save ...
简单易用的json内容展示组件,支持vue@2.0+,支持SSR,组件支持增量渲染即使大文件json也可以快速渲染。 安装 示例 选项 主题 安装 使用npm: $ npm install vue-json-viewer --save 使用yarn: $ yarn add vue-json-viewer 示例 <json-viewer:value="jsonData"></json-viewer><json-viewer:value="jsonData":exp...
// Vue3 npm install vue-json-viewer@3 --save 1. 2. 3. 4. 2.引入并全局注册 main.js文件中 import JsonViewer from 'vue-json-viewer' Vue.use(JsonViewer) 1. 2. 3.使用 <json-viewer:value="jsonData":expand-depth="5"copyableboxedsort></json-viewer> ...
jQuery plugin for displaying JSON data. Latest version: 1.5.0, last published: 3 years ago. Start using jquery.json-viewer in your project by running `npm i jquery.json-viewer`. There are 12 other projects in the npm registry using jquery.json-viewer.