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

【问题标题】：How to solve Vue router change error with param?如何使用参数解决 Vue 路由器更改错误？
【发布时间】：2019-06-07 01:27:41
【问题描述】：

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

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

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

当我点击贷款页面上的CARD或卡片页面上的LOAN时，浏览器网址栏上的网址改变了，但页面内容没有改变。

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

请帮帮我！！

【问题讨论】：

【解决方案1】：

添加updated钩子函数。

这样

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

它会起作用的。

【讨论】：