vue router-view 复用组件不刷新解决办法

我们在做项目的时候经常会遇到这样的情况,两个页面相差无几,这时候就需要复用组件了。

{

      path:'/proList',

      name:'proList',

      component:proList

    },

    {

      path:'/special',

      name:'special',

      component:proList

    },

但是也会产生相应的问题,比如说,页面不刷新,不会重新发起请求。

今天我的解决办法是添加watch监听路由变化(据说是官方推荐方法)

watch:{

        '$route'(){

            this.getProList();//我的页面数据方法

        }

    },

亲测有效!

完美解决问题~

查阅资料,还可以通过给router-view添加一个动态变化的参数解决。表示没有亲自测试~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。