如何使用参数解决Vue路由器更改错误？

Question

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

这是我的router.js和'list/card'的{​​{1}}代码

'list/load'

当我单击贷款页面上的{ path: '/list/:id', name: 'listview', component: ListView }, 或卡页面上的CARD时，浏览器的URL栏上的URL会更改，但页面的内容不会更改。

如果我在其他页面（例如LOAN页面）上单击这些按钮中的任意一个，则它将起作用。

这是我单击按钮时的代码

HOME

这是列表视图组件的代码

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

问题在于此created: function () { this.loadUsers(this.$route.params.id) }, 挂钩函数在这种情况下不起作用。

请帮帮我！

Answer 1

添加updated挂钩函数。

赞

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

它将起作用。