首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue 字符串实现JSON格式

Vue 字符串实现JSON格式

原创
作者头像
HLee
修改2021-07-05 09:49:23
修改2021-07-05 09:49:23
1.4K0
举报
文章被收录于专栏:房东的猫房东的猫

官方地址:https://www.npmjs.com/package/vue-json-viewer

代码语言:javascript
复制
Using npm:
$ npm install vue-json-viewer --save

Using yarn:
$ yarn add vue-json-viewer

代码实现

代码语言:javascript
复制
在script 里面导入包:

import Vue from 'vue'
import JsonViewer from 'vue-json-viewer'
 
// Import JsonViewer as a Vue.js plugin
Vue.use(JsonViewer)
// or 
// components: {JsonViewer}

在template里面加入如下一种: 其中jsonData必须是json类型的数据。

代码语言:javascript
复制
<json-viewer :value="jsonData"></json-viewer>
 
<hr />
 
<json-viewer
  :value="jsonData"
  :expand-depth=5
  copyable
  boxed
  sort></json-viewer>

然后静态文件和引入都写好后,在script里面,定义jsonData,为它赋值

https://blog.csdn.net/qq_18769269/article/details/103863290

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档