Vue中两个页面，一个页面中想要调取另一个页面的方法)

问题描述

遇到两个组件，但是一个组件（A）添加之后要把最新的数据更新（B）另一个组件 ，所以再（B）页面调取另一个页面（A）的方法

实现方法

1. 首先在你的父组件里面找子组件 <component :is=“cut” @InitTable=“InitTable”>把方法名传给这个组件（这个方法名就是你要调取的）

2.     <div>
     <!-- <keep-alive> -->
     <component :is="cut" @InitTable="InitTable" @AddDialog="AddDialog"></component>
     <!-- </keep-alive> -->
   </div>
   

3. `
   上图为在父组件里面使用的组件（这种方式是动态加载的组件,因为每个组件模拟tab栏那种效果），把父组件方法名传到你要用的组件

  if(res.status==200){
          this.$message.success('添加成功')
          // console.log(this.Addtable);
          // Bus.$emit('AddTableData',this.Addtable)
           this.$emit('InitTable')
           this.$emit('AddDialog')
        }

然后再子组件里面 this.$emit(‘InitTable’) 只调取这个方法名触发方法，所以只有一个参数 。