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

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

  • 相关阅读:
    Comparable VS Comparator
    Javascript中this关键字详解
    Runtime、System、Object
    JS IDE
    异常处理
    Throwable vs Exception
    8.4 Java 命名规范
    关键字、标识符、注释、变量
    Docker —— 从入门到实践
    RTC教程
  • 原文地址:https://www.cnblogs.com/caihua0405/p/9018807.html
Copyright © 2011-2022 走看看