项目背景:使用vue开发app,在个别页面需要横屏显示。
为满足以上需求在使用cordova打包时,使用cordova插件来实现
1.在cordova项目中安装cordova插件:
cordova plugin add cordova-plugin-screen-orientation
插件文档说明直通车:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-screen-orientation/#usage
2.在vue-router的meta中设置一个变量来管理是否需要横竖屏
在vue-router的beforeEach中根据变量值做相应页面的处理
3.在vue文件中样式设置横屏样式
至此使用cordova打包后在需要横竖屏的页面就可以自由切换了