前端页面JSON格式化输出

HTML代码：
	重点是：<pre> </pre> 标签

	<el-dialog  title="详情" :visible.sync="dialogVisible" width="50%">
	   	<pre> {{objDate}} </pre>
	</el-dialog>
	
js代码：

	handleDetail(data){
        this.objDate = JSON.stringify(data, null, 4);
        this.dialogVisible = true
    }
    
css样式：

	pre {
	  	white-space: pre-wrap;
	}
	pre {
	  overflow-x: auto;
	}

效果：