为了账号安全,请及时绑定邮箱和手机立即绑定

vue 怎么在页面展示原始的json数据?(格式也要一样)

/ 猿问

vue 怎么在页面展示原始的json数据?(格式也要一样)

qq_遁去的一_1 2019-02-05 19:56:37

我想在这个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)
  }


https://img3.sycdn.imooc.com/5c597a0700011e4e06920800.jpg

查看完整描述

1 回答

?
慕斯卡3215842

用个插件 vue-json-pretty

查看完整回答
反对 2019-02-05

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信