欢迎来到小懒的博客~email:568705236@qq.com

vue 并列router-view之间传值想法

2021/3/28 8:06:29站长

    事先说明,这个一个笨办法,vue2版本,有高明办法经验的人可以不看。事后补充,这是因为不想把参数暴露在url上使用的。

    工作上,遇到情景,左侧树,右侧列表,点击左侧树节点,右侧列表数据相应变化。

    为了让布局页面通用点,直接放了两个view-router,通过在路由配置文件中设置组件,布局页面不做事件监听和传入。

    vue-router传参,可以通过query和params,但是push相同路由地址只修改params,是不会跳转并控制台报错。为此加个时间戳作为query参数,这样路由会正常跳转,由于组件相同,vue会重用组件,不触发组件生命周期。

    那么在列表组件监听指定的props参数变化即可做相应处理。

    这样写就是路由配置文件有点大。

赞赏