用textarea展示格式化好的json串

link之家

链接快照平台

相关文章推荐

好帅的签字笔 · awvs14网络漏洞扫描|awvs14网络漏 ...· 6 月前 ·

唠叨的豌豆 · 在JAVA中如何将一个Object转换成Ar ...· 1 年前 ·

高兴的眼镜 · 【原神】同人图系列：钟离 - 哔哩哔哩· 1 年前 ·

善良的凉面 · Wildcard search on a ...· 2 年前 ·

儒雅的硬币 · BELLE: Be Everyone‘s ...· 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')

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

推荐文章

好帅的签字笔 · awvs14网络漏洞扫描|awvs14网络漏洞扫描中文破解版下载 v14.1.0附安装教程 - 哎呀吧软件站

6 月前

唠叨的豌豆 · 在JAVA中如何将一个Object转换成Array_java object转数组-CSDN博客

1 年前

高兴的眼镜 · 【原神】同人图系列：钟离 - 哔哩哔哩

1 年前

善良的凉面 · Wildcard search on a numeric field | Telerik Forums

2 年前

儒雅的硬币 · BELLE: Be Everyone‘s Large Language model能够帮到每一个人的LLM Engine。_AI生成曾小健的博客-CSDN博客

2 年前