zoukankan      html  css  js  c++  java
  • vue $emit用法,子页面或组件传数据给父页面

    父页面:

    <div>
        <hello @showMsg="show">
    </div>
    <script>
    
    export default {
      methods:{
        show(){
          console.log('子页面点击了');
        }
      }
    }
    
    
    </script>

    子页面:

    <div>
        <div @click="showClick()"></div>
     
    </div>
    <script>
    export default {
      methods:{
        showClick(){
        var value ="test";
        //注意,这里的
    showMsg对应的是父页面的接收事件,名字要一样
        this.$emit("showMsg", value)     
        }   
      }
    }
    </script>
  • 相关阅读:
    例6-5
    例6-3
    例6-2
    例6-1
    例5-9
    python3
    python3
    python3
    python3
    python3
  • 原文地址:https://www.cnblogs.com/codeDevotee/p/13301655.html
Copyright © 2011-2022 走看看