Vue实现跨页面传数据（从一个页面选择内容带回原页面）

作为一个后端程序员在公司开发项目难免会遇到一些前端问题，最近公司开发新项目前端不够后端来凑，先说情景。

我的业务场景是点击添加是打开弹窗，从弹窗中选择数据

一个页面中要展示的内容是从弹窗中选择的，也可以说是从另一个页面带回来的数据。

点击添加按钮打开一个弹窗，弹窗中是要添加的数据，选择好数据带回当前页面展示，这个问题对于我一个出入职场的后端小白来说实现起来有些困难。

经过查找和寻求帮助最后终于搞定了这个问题，上代码

下面是原页面的弹窗开关

<DialogHouseQuery //这是一个自定义的弹窗页面
      :visible="dialogHouseQueryVisible"
      :popcustomerid="form.customerid"
      :pophouselist="this.selectListtoquery"
      @close="dialogHouseQueryVisible = false"
      @select="selectHouse" //这个是实现跨页面传数据的关键方法
    />

弹窗页面的方法，通过父页面弹窗开关上的@select方法绑定另一个页面的方法，通过下面的方式可以调用另一个页面的方法，括号中的第一个参数就是绑定的select方法，第二个参数是我在弹窗页面中选择好的数据（根据你们自己的需求去填充数据就好），这个方法绑定到弹唱页面的选择按钮上，点击按钮时就会把this.selectedList带回上一个页面。

selectHouseOK() {
      this.$emit("select", this.selectedList);
    }

最后在原页面弹窗开关上绑定的select方法的实现里接收带回的数据即可

selectHouse(houses) {
      this.selectList = houses;
    },