vue中的父子元件問題
阿新 • • 發佈:2021-07-22
1.prop傳值延遲問題
解決辦法:
a.給prop預設值
b.直接在父級給子元件賦值:this.$refs.statisticsInfo.selectedData=this.selected[0];
2.父級可以通過this.$refs直接呼叫子元件的屬性和方法
例:this.$refs.statisticsInfo.selectedData=this.selected[0];
this.$refs.statisticsInfo.beforess();
3.$emit可以呼叫父元件的方法
this.$emit('showCityName',data);
第一個引數是父元件的方法:
<Child@showCityName="updateCity"/>
第二個引數是父元件方法的引數
updateCity(data){//觸發子元件城市選擇-選擇城市的事件
this.toCity=data.cityname;//改變了父元件的值
console.log('toCity:'+this.toCity);
}
4.可在子元件的方法中直接用this.$emit('submit');