首頁猿問我要在父組件的computed中使...

我要在父組件的computed中使用子組件的值，有什么辦法嗎？

慕哥9229398 2018-07-18 08:43:11

computed: { addButtonDisabled() { return this.$refs.queryBox.selectSportsType === _const.ALL_SELECTION }, 報(bào)錯(cuò)，Error in render: "TypeError: Cannot read property 'selectSportsType' of undefined"百度了下computed: { addButtonDisabled() { this.$nextTick(()=>{ return this.$refs.queryBox.selectSportsType === _const.ALL_SELECTION }) },這樣才可以獲取到可是這樣又沒辦法用computed了，請(qǐng)問有什么解決辦法嗎，謝謝

查看完整描述

2 回答

偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個(gè)贊

在父組件的 data中聲明你需要用到的值來存儲(chǔ)子組件的那個(gè)值;
因?yàn)榻M件掛載順序的問題父組件data聲明的時(shí)候子組件的data還沒有初始化好;
所以你要在父組件mounted中通過this.$refs.xxxx.xxxx拿到這個(gè)值，并賦值給data中的值;
父級(jí)的computed 會(huì)根據(jù)這個(gè)data中的值重新計(jì)算

反對(duì) 回復(fù) 2018-07-18