在上一节讲过了webapp的过渡动画，下面在列举一些用户体验的推荐（与其说是推荐，不如说是填坑）
返回键
使用安卓手机的往往都知道手机的返回键操作，在使用WebApp过程中，可以对返回键进行处理，默认情况下返回上一个页面，但是当你需要进行退出App操作时，可以如下：
index.vue
mounted() {
if (window.history && window.history.pushState) {
//禁止操作返回键操作
history.pushState(null, null, document.URL);
window.addEventListener("popstate", this.goBack, false);
}
},
//离开页面时销毁监听
destroyed() {
window.removeEventListener("popstate", this.goBack, false);
},
methods:{
goback(){
navigator.app.exitApp();
}
},
}
网友评论