vue-router: this.$router.push 在更新查詢時不起作用

Question

我想更新對 url 的查詢。 但是，$router.push 不會更新 url。 disp是每次調用的不同值。 為什么？

handle: function(disp) {
    let route = Object.assign({}, this.$route);
    route.query.disp = disp;
    this.$router.push(route);
},

版本。

"vue": "^2.5.17",
"vue-router": "^3.0.1",

路線（控制台.log）

Answer 1

您不應該嘗試推送到路由對象。 相反，你應該使用以下其中一個：

// literal string path
router.push('home')

// object
router.push({ path: 'home' })

// named route
router.push({ name: 'user', params: { userId: 123 }})

// with query, resulting in /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

在你的情況下：

this.$router.push({path: this.$route.path, query: {disp: disp}})

Answer 2

我停止了this.$route對象的副本。 這很好用。