第二次将asyncData()与客户端数据绑定在SSR Nuxtjs vue中

时间:2019-10-14 10:48:06

标签: vue.js google-cloud-firestore nuxt.js server-side-rendering

页面的初始加载,数据被asyncData()加载。但是我选择了另一个location,数据随location的变化而变化并绑定到dlist,但是当我刷新页面时,它再次选择了默认的location作为Bangalore,我得到了我以前的dlist

我的问题是假设我将location的值保存在cookie中,如何在asyncData方法内进行访问。或在初始加载时,我仅调用asyncData,其余时间仅在第二次或第三次页面加载时调用(假设我转到下一页并单击返回),仅使用created方法。谁能帮我

 async asyncData () {

        let dList = []
     let location="Bangalore";
    //Location keep on changing, default can be Bangalore. It is got from the location user selects

    await fireDb.collection("drive_car")
                  .where("location", "==",location ).get()
      .then(querySnapshot => {
        querySnapshot.forEach(doc => {
          cdList.push({
                      key: doc.id,
                      carbrand: doc.data().carbrand,
                      carclass: doc.data().carclass                 
                    });
        });
      });
    return {
      dList: dList

    }
      },

0 个答案:

没有答案