Когда я изменяю параметр: id в URL моего приложения vue, почему страница не перезагружается, когда я нажимаю клавишу ввода?

Question

У меня есть приложение vue js, использующее маршрутизатор vue. У меня есть следующий маршрут:

http://server/stores/index.html# / ViewStore /: StoreId

Если я изменяю: StoreId в URL и нажимаю ввод, ничего не происходит. Я должен нажать F5, чтобы перезагрузить страницу и заставить ее обрабатывать новый: StoreId.

Я использую:

<router-view :key="$route.fullPath"></router-view>

В моем приложении. vue компонент.

Мои маршруты определены в маршрутах. js следующим образом:

import Home from '@/components/Home';
import EditStore from "@/components/EditStore";
import ViewStore from "@/components/ViewStore";

export const routes = [
    { path: '/', redirect: '/ViewStore/NotFound'  },
    { path: '/StoreListing/:DisplayTarget', component: Home,  },
    { name: 'ViewStore', path: '/ViewStore/:StoreId', component: ViewStore,  },
    { name: 'EditStore', path: '/EditStore/:StoreId/tab/:tab', component: EditStore }
];

Я также использую:

    watch: {
        // call again the method if the route changes
        '$route': 'LoadStore'
    },

для перезагрузки данных моего компонента при изменении URL, но все еще ничего. Я не уверен, что я делаю неправильно. Я получаю одинаковые результаты в IE 11 и Chrome.

Answer 1

Прежде всего, ваш URL выглядит довольно странно для меня, потому что он имеет index.html, по крайней мере, это могло быть что-то вроде:

http://server/stores/#/ViewStore/:StoreId

Во всяком случае, вы можете сделать sh программно и посмотреть, если Вы получаете ожидаемый результат?

this.$router.push({ name: 'ViewStore', params: { StoreId: '1' } })