1. 程式人生 > 其它 >vue中的父子元件問題

vue中的父子元件問題

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');