vue常见问题

更新于：2021-09-18

基于Vue2

打包白板

config/index.js格式

vue.config.js格式

路由验证

router/index.js

{
    path: '/details',
    name: 'details',
    meta: {
      requireAuth: true
    }
}

main.js

router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth && !sessionStorage.getItem('author')) {
    next('/login')
    return //不会调用主页接口
  } else {
    //没有开启路由验证
    next() //放行
  }
})

禁止触屏滚动

<div @touchmove.prevent></div>

点击其他地方隐藏某个标签

捕获隐藏

<div @click.capture="toOut($event)"></div>

toOut(event) {
    if (event.target.className == "header1") {
        this.showSignout = false;
    }
}

直接隐藏

<div @click="showSignout = false"></div>