Vueitfy Nav Drawer侦听器?

时间:2019-01-26 02:35:19

标签: vue.js vuetify.js

我试图弄清楚如何从导航抽屉组件中监听$ 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内部的值。

0 个答案:

没有答案