vue 通过props向路由中传入数据,路由中的数据改变,如何通知路由所有在的页面更新?

Question

<router-link tag="li" v-for='level in levels' :key='level.l_level' :to="{ path: '/setting/level', query: { level: level.l_level }}" exact active-class="active" >
                                   {{level.levelName}}({{level.lcount}})
                                </router-link>

<router-view :allstudents.sync="this.allstudents"></router-view>

当路由中的allstudents数据发生变化的时候,路由所在这个组件如何检测到?

Answer 1

如果是组件的方式，可以通过$omit来处理，如果是Router的话，试着用VUEX吧

Answer 2

new Vue({

watch: {
    "$route": callback(to, from){
        to.path == '/path'
    }
}

})

//可以判断to.path 是否等于你要比较的路径

Answer 3

个人感觉不用检测，会自动发生变化的。因为你已经绑定了父子组件。在子组件用props接住