教你使用vue3写Json-Preview的示例代码
【教你使用vue3写Json-Preview的示例代码】引入后直接
就可以使用了。近期比较忙,代码就不做调整了。
示例效果
文章图片
index.vue 文件
"{{ parentKey }}" : {"{{ item.key }}" :"{{ item.value }}","{{ item.key }}" :{{item.value}},"{{ item.key }}" :{{ item.value }},}"{{ parentKey }}" : ["{{ item }}",{{ item }},{{ item }}, ]
index.sass 文件
.json-previewfont-size: 20pxfont-weight: 400&-object-blockmargin: 5px 0 5px 2pxborder-left: dotted 1pxpadding-left: 30px.json-preview-keycolor: purple.json-preview-number-valuecolor: #29b8db.json-preview-string-valuecolor: #0dbc79.json-preview-bol-valuecolor: #c678dd
到此这篇关于用vue3写了一个Json-Preview的文章就介绍到这了,更多相关vue3 Json-Preview内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- 工具|pnpm安装以及使用
- vue.js|vue3.x兼容tailwindcss(截至发帖)
- Java 使用 char[] Array 还是 String 存储字符串密码
- 在.NET|在.NET Core中使用CSRedis的详细过程
- 详解如何在Vue3+TS的项目中使用NProgress进度条
- document.cookie|document.cookie 使用小结
- ubuntu|win11 使用wsl2安装pytorch 梳理
- #|自然语言处理系列(二)——使用RNN搭建字符级语言模型
- 金融风控|ML之ME/LF(机器学习之风控业务中常用模型监控指标CSI(特征稳定性指标)的简介、使用方法、案例应用之详细攻略)
- postcss及基本使用