用textarea展示格式化好的json串

link之家

链接快照平台

相关文章推荐

无邪的弓箭 · 控制与计算机工程学院· 1 年前 ·

唠叨的松树 · Problem resolving ...· 2 年前 ·

踢足球的芒果 · Python生成随机数矩阵_Python生成 ...· 3 年前 ·

光明磊落的眼镜 · 数据库更新业务处理方案(先删除后新增不合理之 ...· 3 年前 ·

逼格高的蛋挞 · was9 ...· 3 年前 ·

今天有个需求，想做一个类似 json.cn 的一个效果，将接口的数据自动转换成格式化好的json串并方便复制

这边翻了一些网上的方式，找到个最简单的，就用input的textarea可以直接展示：

<el-input v-model="jsonText" :autosize="true" :min="1" :max="10000000" readonly type="textarea"/>

然后jsonText对应的处理为

jsonText.value = JSON.stringify(data, null, '\t')

这样即可实现如下效果（公司内部信息打个码）

推荐文章

无邪的弓箭 · 控制与计算机工程学院

1 年前

唠叨的松树 · Problem resolving correct lib with maven: version managed from - Stack Overflow

2 年前

踢足球的芒果 · Python生成随机数矩阵_Python生成50个随机数-腾讯云开发者社区-腾讯云

3 年前

3 年前

逼格高的蛋挞 · was9 停服务卡_was9部署项目后，项目启动报SRVE8000W_唐宝明的博客-CSDN博客

3 年前