vue父子组件之间通信

  • 子组件调用父组件方法

    
    
    
    
    //子组件
    this.$emit('search-data',6666)
  • 父组件调用子组件
  • 方法1

    • 通过ref
    
    
    
    //父组件
    //父组件直接调用ref命名加上子组件的方法 changenSel
    this.$refs.jpicker.changenSel(-1);
  • 方法2

    • 通过$emit、$on配合使用
    
    
    
    //父组件
      handleClick() {
                   this.$refs.child.$emit("childMethod")    //子组件$on中的名字
            },
    //子组件
      mounted() {
            this.$nextTick(function() {
                this.$on('childMethod', ()=>{
                    console.log('我是子组件方法');
                });
            });
         },

你可能感兴趣的