vue弹出新页面并回传值

要实现在 Vue 中弹出新页面并回传值，需要进行以下步骤：

1. 添加一个路由，并在路由中注册组件作为新页面的内容。

2. 在原始页面的组件中，使用 Router 对象实例的 `push()` 方法，传入新页面路由的路径，以打开新页面。

3. 在打开的新页面组件中，设置 `mounted()` 生命周期钩子，在页面加载时执行，在其中添加以下代码：

const {params} = this.$route;
// 处理参数

该代码用于获取该页面的路由参数，以便对其进行处理。

4. 处理完参数后，可以通过以下代码向原始页面回传值：

this.$router.go(-1);
this.$emit('eventName', value);

其中，`$router.go()` 方法用于返回上一个页面，`$emit()` 方法用于向原始页面中的组件发送事件和数据。

5. 在原始页面的组件中，添加监听事件的方法，以便用于接收传回的数据。

通过以上步骤，就可以在 Vue 中弹出新页面并回传值了。但是需要注意的是，在组件间传值时需要注意数据类型的匹配和传递方式的正确性。