vue 子組件調用父組件的方法

vue中 父子組件的通信：

子組件通過

props: { //子組件中寫的。
    childMsg: { //字段名
        type: Array,//類型
        default: [0,0,0] //這樣可以指定默認的值
    }
}

父組件的話，直接就可以寫在 子組件的標簽上。比如    childMsg="1,1,1 "  ,這樣就可以了。

 

子組件調用父組件的方法可以使用this.$emit()  這個方法。。

<el-col :span="16" class="history_text" v-text="item" @click.native="choose(item)"></el-col>

choose(text){
　　this.$emit("clickSearch",text);   
},

 

這個是父組件的內容，這樣寫。。。
<search-history v-if="showHistory" @clickSearch="clickSearch"></search-history> //serach-history  是子組件的標簽名字。


 clickSearch(text){
     this.search_text =text;  //這里是父組件變量設置
     this.search();    //方法調用
     this.searchBlur();
}

 

這樣寫。choose是子組件中自己的點擊方法，clickSearch  這個是父組件中綁定的事件名字，text 是子組件傳的值  。。

 

切記 父組件監聽的事件必須寫在 子組件的標簽上，不然是監聽不到的。