vue.js - 如何解决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变了，但是页面内容没有改变。

如果我在其他页面(例如 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 钩子(Hook)函数在这种情况下不起作用。

请帮帮我!!

Answer 1

添加更新的钩子(Hook)函数。

像这样

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

它会起作用。