axios请求回来的数据无法进行绑定渲染

Question

我使用axios请求回来的数据无法在页面进行绑定渲染

  <section id="page">
      <mu-list v-for="item in topics" :key="item.id">
        <h3 v-text="item.title"></h3>
        <mu-list-item >
          <mu-avatar :src="item.author.avatar_url" slot="leftAvatar"/>
          <mu-icon value="info" slot="right"/>
        </mu-list-item>
        <mu-divider/>
      </mu-list>
    </section>

  data () {
    return {
      topics: [],
      searchKey: {
        page: 1,
        limit: 20,
        tab: 'all',
        mdrender: true
      }
    }
  },

      var _this=this;
      this.$http.get('https://cnodejs.org/api/v1/topics?',{params: this.searchKey}).then(function(res){
        console.log(res.data);
        _this.topics=res.data;
        _this.success=true;
      }).catch(function(err){
        console.log(err);
      });

---

请问这个该如何解决，小白真心求教，哪位大神知道如何解决吗

---

Answer 1

在包裹层加个判断 v-if="topics.length" 这样没有数据的时候，里面的东西就不会渲染，也就不有某某属性不存在的报错

Answer 2

console.log(res.data)=>object object

你是不是需要的是res.data.data，请仔细检查

Answer 3

作者解决了吗？我也遇到了同样的问题