vue 父子组件中的传值

aochuntang6606

于 2019-09-18 18:01:00 发布

阅读量87

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lvlvlv/p/11544175.html

版权

父组件
<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);

     }
       
        
   }  
}

转载于:https://www.cnblogs.com/lvlvlv/p/11544175.html