vue this.$router.push 页面不刷新

最新推荐文章于 2024-05-16 15:17:37 发布

转载最新推荐文章于 2024-05-16 15:17:37 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/thinkingthigh/p/7196435.html

文章标签：

#javascript #ViewUI

本文介绍了一种在Vue.js中实现当路由发生变化时自动重新获取数据的方法。通过使用watch特性观察路由变化，并调用获取数据的方法，确保每次路由跳转后都能展示最新的内容。

解决办法：

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

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

转载于:https://www.cnblogs.com/thinkingthigh/p/7196435.html