我试图弄清楚如何从导航抽屉组件中监听$ emit。目前,我在导航栏中单击按钮时正在使用Vuex保持状态。除在移动设备上使用外,此方法都可以正常工作。因为vuetify引入了一个覆盖层稀松布,当单击该稀松布时,抽屉关闭,但是当抽屉关闭时,我似乎无法捕获该事件。
navDrawer.vue
name: "NavDraw",
data() {
return {}
},
computed: {
...mapGetters(['navDrawer'])
}
通过单击导航栏上的按钮,效果很好。
navBar.vue
name: 'Header',
components: {
},
data () {
return {
drawer: null
}
},
computed: {
...mapGetters(['authenticated', 'navDrawer']),
},
methods: {
...mapActions(['login', 'logout']),
navToggle (val) {
val = !val
this.$store.commit('navDrawer', val)
}
但是当应用进入导航抽屉的移动叠加时,在稀松布上的任何单击都会关闭绘制,但不会更新Vuex内部的值。