Vuejs2 如何反应性地切换不同显示大小的路由？

是否有一种简单的方法可以为不同的显示器提供不同的路由？当大小改变时更新路由？

您只需创建一个

调整大小

侦听器并指定所需的断点，然后根据当前断点推送所需的路由（窗口宽度）：

代码笔：

mounted() {
  this.$nextTick(()=>{
    window.addEventListener('resize', this.windowResizeHandler)
  })
},
created() {
  this.windowResizeHandler(); // check size on load as well
},
beforeDestroy() {
  window.removeEventListener('resize', this.windowResizeHandler)
},
methods: {
  windowResizeHandler(event) {
    if (window.innerWidth > 650) {
      // change route here
      // this.$router.push('ROUTE_NAME').catch(err => {})         
    }
    else {
      // change route here
      // this.$router.push('ROUTE_NAME').catch(err => {})         
    }
  }
}