vue.js - vue数据渲染的问题

问题描述

问 题

我这页面上的4个按钮点进去都是下面那个页面，只是数据不同，那我要如何在点击的时候加载不同的数据到这个页面组件上呢？
这个项目是用vue+vue-router做的,数据使用VueResource获取的

解决方案

最后是通过这种方法解决的，不过不知道思路对不对，有错请指出。
当点击collection()这个方法的时候，跳转并带上标识，
collection() {

this.$router.push({path: 'notSee', query: { id: '1' }});

},
然后在组件中通过判断query.id来加载不同的数据进去
getDataList() {

   const queryId = this.$route.query.id;
   this.$http.get('api/all').then((response) => {
      response = response.data.data;
      if (queryId === '1') {
        this.publicData = response.collection[0];
      } else if (queryId === '2') {
        this.publicData = response.hot[0];
      }
    });
  }

这篇关于vue.js - vue数据渲染的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！