如何解决Vue router change error with param？

Question

工具栏上有 3 个按钮（HOME、CARD、LOAN），当我单击它们时，它们分别转到 'home'、'list/card' 和 'list/loan'。

这是我的 router.js 代码 'list/card' 和 'list/load'

{
        path: '/list/:id',
        name: 'listview',
        component: ListView
},

当我点击借贷页面的CARD或卡片页面的LOAN时，浏览器URL栏的URL变了，但是页面内容未更改。

如果我在其他页面（例如 HOME 页面）上单击这些按钮中的任何一个，它就会起作用。

这是我点击按钮时的代码

gotoPage(path) { // here path='/list/loan or path='/list/card'
   this.$router.push({ path: path })
}

这是listview组件的代码

created: function () {
    this.loadUsers(this.$route.params.id)
},

问题是这个 created 钩子函数在这种情况下不起作用。

请帮帮我！！

Answer 1

添加updated钩子函数。

像这样

created: function () {
    this.loadUsers(this.$route.params.id)
},
updated: function () {
    this.loadUsers(this.$route.params.id)
}

它会起作用。

How to solve Vue router change error with param?