在Vue中实现左侧导航的收起和展开

达到的目的是在初始化页面时，根据可见窗口的宽度来决定是否隐藏左侧导航栏。点击切换按钮时，切换左侧导航的状态效果展示。实现部分先实现静态页面布局，左边部分使用固定的绝对定位。右边部分使用padding-leftJS部分挂载时调用resize函数，绑定页面缩放事件data(){return{isOpen:true,}},mounted(){console.log(window.innerWidth)this.resize()window.addEventListener('resize',this.resize,true)},方法：{setWidth(){this.isOpen=!this.isOpen},resize(){让w_width=window.innerWidthif(w_width<=1430){this.isOpen=false}else{this.isOpen=true}},},