zoukankan      html  css  js  c++  java
  • 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 是子组件传的值  。。

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

  • 相关阅读:
    linux命令大全
    IP协议
    TCP、IP、ARP协议之间的工作关系
    程序出现问题后
    HTTP(超文本传输协议)
    多线程
    syslog.conf文件
    logger命令
    gdb
    二、数据的存储结构
  • 原文地址:https://www.cnblogs.com/caihua0405/p/9018807.html
Copyright © 2011-2022 走看看