vue2.0 vue-router 数据传递

Question

vue2.0 根页面通过router-view来切换子页面 现在 在根页面有个弹窗 是通过子页面的按钮来控制显示隐藏的
那么该怎样传递参数来在子页面控制这个在根页面的弹窗呢 vuex方法除外

Answer 1

父：

<router-view :TogglePop='TogglePop'></router-view>

data () {
    return {
        isPopShow: false
    }
},
methods: {
    TogglePop (bool) {
       this.isPopShow = bool
    }
}

子：

<button @click.stop="TogglePop(true)"></button>

props: ['TogglePop']

Answer 2

你的子页面相当于子组件，父页面相当于根组件。
子组件修改跟组件数据，参考这里：使用-v-on-绑定自定义事件

如果不是父子页面关系，可以参考vue的非父子组件通信

Answer 3

参考下这个 非父子组件通信