关于公共组件搜索框在搜索页面不起作用的问题

在这里插入图片描述
上面的组件是一个公共组件,我们在搜索框输入内容,然后点击搜索框跳转到搜索的结果页,当我问在搜索的结果页再次调用搜索框的时候相当于从当前的搜索页在一次跳转到搜索页同页面跳转。参数改变但是页面没办法更新

其实这个问题的本质是:同页面跳转,只改变参数,但是页面不刷新
分析:其实导致这个问题最主要的原因是因为:vue的路由切换实际上是组件之间的切换引用相同的组件时页面不更新
解决办法:监听路由

 watch: {
    $route(to, from) {
      if (to.name == "search") {
        console.log(to, from);
        this.goods(to.params.value);
      }
    }
  },

当然这个肯定不止是搜索栏的问题,相同页面跳转基本问题都是一样的。

发布了35 篇原创文章 · 获赞 4 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览