h5中的横屏判断与提示，vue组件封装

通过 H5新特性 orientationchange 事件判断是否横屏

window.onorientationchange = function () {
    if(window.orientation === 90 || window.orientation === -90){
        alert('横屏了')
    } else {
        alert('没有横屏')
    }
}

在vue中:

如果用js写的话：

最后将其封装成一个组件：

在app.vue中使用