vue 点击a页面按钮的同时b页面跳出弹窗判断

这个需求可以通过使用事件总线来实现。在页面A中点击按钮时，可以通过事件总线触发一个自定义事件，然后在页面B中监听这个事件，当事件触发时弹出弹窗进行判断。

在页面A中触发自定义事件的代码如下：

// 导入事件总线
import EventBus from '@/utils/eventBus.js'

// 点击按钮时触发自定义事件
clickBtn() {
  EventBus.$emit('btn-click')
}

在页面B中监听自定义事件的代码如下：

// 导入事件总线
import EventBus from '@/utils/eventBus.js'

// 监听自定义事件
created() {
  EventBus.$on('btn-click', () => {
    // 在这里弹出弹窗进行判断
  })
}

这样就可以在页面A中点击按钮时，在页面B中弹出弹窗进行判断了。

相关问题

vue 点击a页面按钮后像b页面传一个true数据

你可以通过使用Vue的路由器来传递参数。在按钮的点击事件中，你可以使用`this.$router.push()`方法来导航到B页面，并在参数中传递布尔值。在B页面中，你可以通过`$route.params`从路由器参数中获取布尔值。以下是一个示例代码：

在A页面中：

// 点击事件
goToB() {
  this.$router.push({
    name: 'B',
    params: { data: true }
  });
}

在B页面中：

// 获取参数
mounted() {
  const data = this.$route.params.data;
  console.log(data); // 输出 true
}

vue a页面当我点击按钮后跳转到b页面同时传递一个true给c页面

好的，让我来回答你的问题。你可以使用vue-router来实现从a页面跳转到b页面，并传递数据给c页面。具体的实现方法如下：

1. 在a页面中定义一个按钮，通过点击按钮触发路由跳转事件，代码如下：

<template>
<button @click="navigateToB">Go to b page</button>
</template>

<script>
export default {
methods: {
navigateToB() {
this.$router.push({
path: '/b',
query: {
data: true
}
})
}
}
}
</script>

2. 在router.js中定义路由规则，代码如下：

import Vue from 'vue'
import Router from 'vue-router'
import BPage from '@/views/BPage'

Vue.use(Router)

export default new Router({
routes: [{
path: '/b',
name: 'BPage',
component: BPage
}]
})

3. 在b页面中通过$route对象获取从a页面传递过来的数据，代码如下：

<template>
<div>{{ data }}</div>
</template>

<script>
export default {
computed: {
data() {
return this.$route.query.data
}
}
}
</script>

通过以上三步，你就可以实现从a页面跳转到b页面，并传递数据给c页面了。请注意，这仅是一种实现方式，你可以根据需求进行适当的修改。