鍍金池/ 問(wèn)答/HTML5  Java  HTML/ 關(guān)于vue的生命周期

關(guān)于vue的生命周期

clipboard.png

這個(gè)是elementUI的tree控件

被選上的值是后臺(tái)傳給我的

//mounted生命中期中的代碼：
    axios.get('/adSquad/findById',{
        params:{
            id:this.currentID
        }
    })
    .then(res=>{
                this.$refs.tree_Interests.setCheckedKeys(res.data.data.interest); //設(shè)置被選中
            }
    })

瀏覽器提示了：'setCheckedKeys' of undefined
想了下，應(yīng)該是生命周期的問(wèn)題。tree控件還沒加載出來(lái)就被賦值了，就會(huì)提示undefined。所以有沒有方法等頁(yè)面加載完成后去請(qǐng)求后臺(tái)數(shù)據(jù)？

回答
編輯回答
野橘

所以有沒有方法等頁(yè)面加載完成后去請(qǐng)求后臺(tái)數(shù)據(jù)？
那可以放在mounted里去做。
這類問(wèn)題我覺得應(yīng)該去看Vue文檔。文檔沒看懂，或者文檔中沒有寫，再來(lái)提問(wèn)比較好。

// dom渲染完
mounted(){
    // 有時(shí)候不一定真正渲染完成，所以提供了一個(gè)[`$nextTick`](https://cn.vuejs.org/v2/api/#vm-nextTick)的`API`
    this.$nextTick(() => {
        // code here
    });
}
2017年10月22日 19:42
編輯回答
怣痛
this.$nextTick(()={
    this.$refs.tree...
})
2017年8月2日 00:30