vue 祖孙组件通信， 祖组件获取孙组件数据

祖组件：

 <select-item selectFiled="tyreTreadWidth" :width="70" v-on:selected="selectedTreadWidth" :defaultVal="tyreTreadWidth"></select-item>

 

父组件：

<c-select :items="lstItems" :width="width" v-on="$listeners" :selectVal="defaultVal"></c-select>

 

孙组件：

methods: {

    handleChange(val) {

      this.selected = val

      this.$emit('selected', val)

    }

}

在孙组件中通过$emit 传递数据到祖组件， 其中父组件 v-on="$listeners" ， 在祖组件才能获取到 selected 时间