vue 怎么在页面展示原始的json数据？（格式也要一样）

Question

我想在这个div里展示本地获取的json数据，格式也要一样（像图中那样），所以我用了pre，但是展示不出来。但consloe.log可以在后台输出。求解

  <div class="mod-2">
   <!-- json数据 -->
         <pre>
           {{results}}
         </pre>
  </div>
  data:{
       results:'',
  },
  methods:{
       axios({
            method:'get',
            url:'data.json'
       }).then(function(resp){
            var obj=resp.data
            var jsonStr = JSON.stringify(obj,null,2);
            this.results=jsonStr
            console.log( this.results)
  }

Answer 1

用个插件 vue-json-pretty

Answer 2

https://jsfiddle.net/masongzh...
可以使用textarean + disabled展示