Vue格式化Json数据展示

有时候我们在展示Json数据时,希望能按照Json的格式来展示,这样比较清晰明了。在Vue中可以直接使用<pre>标签来实现。

<pre>{{ JSON.stringify(obj, null, 4)  }}</pre>

这样就可以直接把obj的内容按照Json的格式来展示来,第三个参数是要留几个空格。

效果如下图

 

posted @ 2020-09-21 15:32  叶子0321~  阅读(4377)  评论(0编辑  收藏  举报