记录有关vue和nuxt.js开发中遇到的小问题

413 阅读1分钟

因为项目需要用到SEO,所以把项目用nuxt.js进行了重构。记录一下遇到的问题

1、页面切换语言之后需要跳转到页面顶端,在vue的项目中配置在router/index.js中

export default new Router({
  mode:'history',
  scrollBehavior(to, from, savedPosition) {
    return {
      x: 0,
      y: 0
    }
  },
  })

在nuxt.js的项目中要在nuxt.config.js中配置

module.exports = {
  router: {
    scrollBehavior (to, from, savedPosition) {
      return { x: 0, y: 0 }
    }
  }
}

2、页面跳转时打开新页面

goto(){
        const { href } = this.$router.resolve({
          name: "home"
        });
        window.open(href, '_blank');
      },

3、判断是手机端还是PC端

methods:{
    _isMobile() {
      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
      return flag;
    }
  },
  
  mounted(){
   
    if (this._isMobile()) {
      this.$router.push({path:'/home/Mrecruit'});
    } else {
      this.$router.push({ path:'/home'})
  
    }

  },