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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
我有一个显示多条路线的组件（步骤1、步骤2、步骤3…）一个接一个。我导航并传递属性，如 路线定义为 这很有效，直到我重新加载页面/路由，因为数据丢失。所以我有点想在加载组件后从父级获取数据。 我的一个想法是使用本地存储，但这感觉不对。 我是Vue的新手，我想问一下这里的最佳实践是什么。是否像这里描述的那样使用vue路由器重新加载组件？请给我一个提示。
-
问题内容： 一个人如何监视/触发一条路线上的事件？ 问题答案： 以下事件也可用（它们的回调函数采用不同的参数）： $ routeChangeSuccess $ routeChangeError $ routeUpdate-如果将reloadOnSearch属性设置为false
-
我有一个关于Vuejs和Vue路由器的项目。当用户登录系统时，服务器返回一个带有令牌、用户名和名字的Json文件，该文件存储在localstorage中，以便在以下请求中使用。第一个名称在布局中用于在导航栏中显示欢迎消息。注销后，localstorage被清除，问题就在这里，当其他用户在消息welcome not reload中使用新的名字付费时。
-
问题内容： 我想知道是否有什么办法可以在程序运行时观察变量值的变化。当然不使用调试器，我想以 编程方式进行 。例如： 因此，在运行时，如果在我的项目中任何类的任何方法中修改了此value 事件，则应调用该事件。 问题答案： 您需要用一个类替换该类型，该类将在值更改时调用您的侦听器。您可能想忽略未实际更改的值的设置。 例如 您可以使用字节码注入执行此替换，但是更改原始代码非常简单。 一种替代方法是监
-
问题内容： 在Javascript中，当使用基于推，弹出，移位或基于索引的分配修改数组时，是否有通知方法？我想要能够触发我可以处理的事件的东西。 我知道SpiderMonkey 的功能，但是仅当整个变量设置为其他值时，该功能才起作用。 问题答案： 有一些选择… 1.覆盖推送方法 走快速而肮脏的路线，您可以覆盖数组1的方法： 1或者，如果要定位 所有 数组，则可以覆盖。但是要小心；您环境中的其他代码
-
我正在从ViewModel中的Dialog片段更新LiveData值，但无法获取片段中的值。 视图模型： BaseViewModel： 对话框片段： 我从DialogFragment的xml文件中调用viewmodel的resendOTP（contactId:String）方法： 现在，每当我尝试从片段中调用resendOTP响应LiveData时，它都不会被调用： 所以我在这里做错了什么。 编辑