我将Vuetify“底页”用作Vue-App的大型导航菜单。在底页中,我有一个列表,每个项目都链接到其各自的路线。路线会更改,但是状态只会在我第一次单击某个元素时更新,并且如果我单击列表中的另一个项目不会更改。
作为一个快速解决方案,我在点击事件中触发了一种方法,而不是使用<router-link>
。在这里,我关闭对话框,调度动作,然后将后记推送到路由:
linkToArt (item) {
this.dialog = false
this.loadSingleCollection(item.name)
this.$router.push({ name: 'collection', params: {id: item.id } })
}
这可行,但是我想更新组件“ collection”本身的状态。对话框中是否可以通过router-link直接推送到相应的路由并在那里更新状态?还是我错过了什么?