做項目時候餐蔬，后端返回json數(shù)據(jù)要求前端在頁面上展示格式化的數(shù)據(jù)懂拾，查了半天的資料障涯，學到了
方法：
JSON.stringify(value, replacer, space)
- value：js對象
- replacer：替換對象，可以是一個方法世澜、對象或數(shù)組叽赊，將value按照替換規(guī)則展示人芽。
- space：填充參數(shù)冰啃，可以是數(shù)字或字符串龙致，將value按照參數(shù)進行格式化展示蛀缝。
this.showBizContent = JSON.stringify(content.context.bizContent, null, ' ')
我們在控制臺中打印出來是這樣的
image.png
但是我們在頁面中直接展示的話
<div>{{ showBizContent }}</div>
但是在頁面中展示，他還是一坨目代，根本不是json格式化后的數(shù)據(jù)
我們直接在里面添加'<pre>'就可以了
pre 元素可定義預格式化的文本屈梁。被包圍在 pre 元素中的文本通常會保留空格和換行符。
<div v-html="'<pre>'+showBizContent+'</pre>'"></div>
image.png
你看榛了，頁面中在讶，數(shù)據(jù)展示出來的就是 json格式化的數(shù)據(jù)
