事先说明,这个一个笨办法,vue2版本,有高明办法经验的人可以不看。事后补充,这是因为不想把参数暴露在url上使用的。
工作上,遇到情景,左侧树,右侧列表,点击左侧树节点,右侧列表数据相应变化。
为了让布局页面通用点,直接放了两个view-router,通过在路由配置文件中设置组件,布局页面不做事件监听和传入。
vue-router传参,可以通过query和params,但是push相同路由地址只修改params,是不会跳转并控制台报错。为此加个时间戳作为query参数,这样路由会正常跳转,由于组件相同,vue会重用组件,不触发组件生命周期。
那么在列表组件监听指定的props参数变化即可做相应处理。
这样写就是路由配置文件有点大。