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

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

JavaScript

慕運(yùn)維8079593 2019-03-21 18:19:38

我要在父組件的computed中使用子組件的值，有什么辦法嗎？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了，請問有什么解決辦法嗎，謝謝目前的寫法，父組件聲明要用的值addButtonDisabled傳給子組件，子組件內(nèi)修改，下部分為子組件代碼computed: { addButtonDisabledProp(){ return this.selectSportsType === _const.ALL_SELECTION || this.selectParticipantType === _const.ALL_SELECTION }},watch:{ addButtonDisabledProp(){ this.$emit('update:addButtonDisabled', this.addButtonDisabledProp) }},

查看完整描述

2 回答

holdtom

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

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

反對回復(fù) 2019-04-11