zoukankan      html  css  js  c++  java
  • vue 父子组件中的传值

    父组件
    <div class="proNew">
          <add-host-basic :hostData="hostInfo" @handleNewPro="handleChange()" />
     </div>
     data() {
        return {
               hostInfo:'我要传给子组件'
        };
      },   
    methods:{
    //这个方法是我要传递给子组件的
       handleChange() {
          this.isAdd = false;
          this.getTableList();
        },
    }     
    子组件
    export default {
      props: ["hostData"],//接受父组件传过来的值 this.hostData就可以用
      methods:{
           handleAddHost(params) {
           //子组件调用父组件的方法 false为向父组件传递的参数,在父组件的方法中可以接收到
            this.$emit("handleNewPro", false);
    
         }
           
            
       }  
    }
  • 相关阅读:
    第七周作业
    第六周作业
    第四周作业
    第三周作业
    第二周作业
    第一周作业
    第0次作业
    第四次作业
    第三次作业
    第二次作业
  • 原文地址:https://www.cnblogs.com/lvlvlv/p/11544175.html
Copyright © 2011-2022 走看看