vue使用watch 观察路由变化，重新获取内容

问题背景：

点击用户头像 => 进入用户个人中心，在用户个人中心里点击其他用户的头像，我希望显示被点击用户的个人中心，但只看到了路由参数在发生变化，页面内容并没有更新。如图：

页面代码如下：

<script>
  export default {
    data() {
      return {
        data: {}
      }
    },
    methods: {
     fetchDate() {
     // 使用 axios获取数据
     ......
    },
    created() {
     this.fetchDate();
    }
  }
</script>

解决办法：

使用 watch，观察路由，一旦发生变化便重新获取数据！

<script>
  export default {
    data() {
      return {
        data: {}
      }
    },
    methods: {
     fetchDate() {
     // 使用 axios获取数据
     ......
    },
    created() {
     // 组件创建完后获取数据，
     // 此时 data 已经被 observed 了
     this.fetchDate();
    },
    watch: {
     // 如果路由有变化，会再次执行该方法
     "$route": "fetchDate"
    }
  }
</script>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # watch路由  # 监听路由变化  # vue.js  # watch  # vue.js使用watch监听路由变化的方法  # vue3 watch和watchEffect的使用以及有哪些区别  # vue watch监控对象的简单方法示例  # 详解Vue中的watch和computed  # 解决Vue watch里调用方法的坑  # 浅谈vue.watch的触发条件是什么  # 解决vue watch数据的方法被调用了两次的问题  # vue监听路由变化时watch方法会执行多次的原因及解决  # 如图  # 解决办法  # 完后  # 大家多多  # 但只  # 看到了  # brush  # class  # lt  # js  # strong  # gt  # pre  # br  # script  # created  # axios  # route  # observed 

相关文章： 如何做网站制作流程,*游戏网站怎么搭建？  如何通过cPanel快速搭建网站？  如何选择高效稳定的ISP建站解决方案？  如何快速搭建安全的FTP站点？  深入理解Android中的xmlns:tools属性  如何挑选最适合建站的高性能VPS主机？  高端网站建设与定制开发一站式解决方案 中企动力  魔毅自助建站系统：模板定制与SEO优化一键生成指南  制作网站的基本流程,设计网站的软件是什么？  家庭建站与云服务器建站，如何选择更优？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  简单实现Android验证码  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  如何选择PHP开源工具快速搭建网站？  网站制作免费,什么网站能看正片电影？  如何快速生成可下载的建站源码工具？  存储型VPS适合搭建中小型网站吗？  建站主机默认首页配置指南：核心功能与访问路径优化  油猴 教程,油猴搜脚本为什么会网页无法显示？  韩国服务器如何优化跨境访问实现高效连接？  如何正确选择百度移动适配建站域名？  如何在Golang中使用replace替换模块_指定本地或远程路径  建站之星安装路径如何正确选择及配置？  个人摄影网站制作流程,摄影爱好者都去什么网站？  公司网站设计制作厂家,怎么创建自己的一个网站？  公司网站制作价格怎么算,公司办个官网需要多少钱？  建站之星Pro快速搭建教程：模板选择与功能配置指南  如何通过万网虚拟主机快速搭建网站？  创业网站制作流程,创业网站可靠吗？  建站之星如何取消后台验证码生成？  如何通过西部建站助手安装IIS服务器？  如何在阿里云购买域名并搭建网站？  宝塔建站无法访问？如何排查配置与端口问题？  如何在Windows 2008云服务器安全搭建网站？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  建站主机如何选？高性价比方案全解析  如何在搬瓦工VPS快速搭建网站？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  盐城做公司网站,江苏电子版退休证办理流程？  建站主机是否属于云主机类型？  建站之星上传入口如何快速找到？  Swift中swift中的switch 语句  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  ,想在网上投简历，哪几个网站比较好？  西安大型网站制作公司,西安招聘网站最好的是哪个？  建站主机选虚拟主机还是云服务器更好？  文字头像制作网站推荐软件,醒图能自动配文字吗？