vue $emit和$on

 

子组件：

 this.$emit('childevent',false);//触发一个在子组件中声明的事件 childEvnet

父组件：

   <regist-company v-on:childevent='wathChildEvent'> </regist-company>

method：

 wathChildEvent:function(vals){//直接监听 又子组件触发的事件，参数为子组件的传来的数据

      debugger

      console.log(vals);//这是子组件的数据，将有子组件操作触发传给父组件

      this.showRegistDialog= false

     },

参考链接：vue的$emit 与$on父子组件与兄弟组件的之间通信 - 天高任鸟飞吧 - 博客园 (cnblogs.com)

子组件初始化问题：

1.       使用ref属性

<regist-company v-on:childevent='wathChildEvent' ref="register"> </regist-company>

 RegistClick(){

      this.showRegistDialog = true

      //调用子组件初始化数据的方法

      if(this.$refs.register != undefined){

         this.$refs.register.initData()

      }

    }

子组件：

 initData(){

      this.companyname = ''

 ....................

    },

 

 

参考链接：

vue父子组件传参后，子组件重新初始化 - 喵星人&龙 - 博客园 (cnblogs.com)