【问题标题】:Vuetify navigation drawer keeps showing itself whenever refresh the pageVuetify 导航抽屉在刷新页面时不断显示
【发布时间】:2019-09-06 07:29:57
【问题描述】:

我正在尝试使用 Vuetify 为我的页面构建一个导航抽屉。每当我刷新页面或出现在页面开头时,导航抽屉就会不断显示。是否可以禁用它?

``https://codepen.io/yuisnow/pen/bJYzvz

我希望在任何情况下都应该隐藏导航抽屉。仅在用户单击汉堡菜单按钮时显示,但在我刷新页面时导航抽屉会继续显示。

【问题讨论】:

    标签: vue.js vuejs2 navigation-drawer vuetify.js


    【解决方案1】:

    在你的 JS 中删除 'false' 中的引号。

    new Vue({
      el: '#app',
      data () {
          return {
            sideNav: null,
          }
        },
      created () {
        this.sideNav=false;
      }
    })
    

    【讨论】:

      【解决方案2】:

      只需删除创建的钩子 问题解决了, 之前在您创建的钩子上,您已经有一个值“this.sideNav=false;” 所以它是一个有效的sideNav值,所以抽屉被激活

      【讨论】:

      • 注明。会试一试
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-04
      • 2019-01-09
      • 2019-06-05
      • 1970-01-01
      • 1970-01-01
      • 2019-02-22
      相关资源
      最近更新 更多