用textarea展示格式化好的json串

link之家

链接快照平台

相关文章推荐

帅气的牛肉面 · 【SQL】COUNT()函数 ...· 9 月前 ·

深沉的筷子 · Modes de chiffrement ...· 1 年前 ·

狂野的卤蛋 · Qt金融行业案例分享 - 知乎· 2 年前 ·

八块腹肌的冲锋衣 · 如何看待 Together ...· 2 年前 ·

今天有个需求，想做一个类似 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')

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

推荐文章

帅气的牛肉面 · 【SQL】COUNT()函数用法详解_sql count(case when-CSDN博客

9 月前

深沉的筷子 · Modes de chiffrement de contenu PlayReady - PlayReady | Microsoft Learn

1 年前

狂野的卤蛋 · Qt金融行业案例分享 - 知乎

2 年前

八块腹肌的冲锋衣 · 如何看待 Together 推出的开源聊天大模型 OpenChatKit？能否替代 ChatGPT？ - 知乎

2 年前