Используя vue router, у меня есть два маршрута, которые сопоставлены с одним и тем же компонентом, и, учитывая один маршрут, я прохожу пропу в качестве дифференциатора, затем условно отображая контент на основе этого реквизита. вот так.
export default {
path: '/advanced-search',
name: 'Advanced Search',
component: AdvancedSearch
}
и
export default {
path: '/create-vendor-search',
name: 'Create Vendor Search',
component: AdvancedSearch,
props: { createMode: true }
}
Они существуют в двух разных файлах, advanced-search.route.js
и createNewVendorSearh.route.js
, соответственно. Проблема состоит в том, что обе страницы связаны в моей навигационной панели, и когда я go непосредственно от одного к другому, локальное состояние и состояние vuex компонентов не сбрасываются. Мне нужно, чтобы это был новый экземпляр этого компонента каждый раз, когда маршрут вызывает его. Как мне этого добиться?