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 是子组件传的值  。。

 

切记 父组件监听的事件必须写在 子组件的标签上，不然是监听不到的。