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",

route (console.log)

Answer 1

Я остановил копирование this.$route объекта.Это прекрасно работает.

Answer 2

Вы не должны пытаться нажать на объект маршрута.Вместо этого вы должны использовать один из них:

// 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}})