在当前的项目中,由于是移动端的项目,在手机上会有自带的返回键这时候就需要获取按键来进行返回事件。

项目中运用的是vue。在单页面中会展示当前的文件信息,如是文件夹则可以点击查看它的子级文件。当我们想返回上一级文件的时候可以点击左上角的返回按钮,这是在项目中抒写好的逻辑。

如果用户此时点击的不是左上角的返回按钮而是手机自带的返回按钮这时候触发的事件也必须和顶部的返回按钮逻辑是一样的

这时候就需要对手机的返回按钮有一些认识了,手机自带的返回按钮点击的时候回跳转到上一个路由,但是我们此时的文件夹信息查看不会触发新的路由而是在当前路由,所以这时候就需要给自带的按钮添加事件。

 //增加手机的返回按钮事件
                history.pushState(null, null, document.URL);

    activated() {
       if (window.history && window.history.pushState) {
           window.addEventListener('popstate', this.pageBack, false);//false阻止默认事件
        }
     },
    beforeRouteLeave(to, from, next) {
        alert("是否注销list的pops")
       window.removeEventListener('popstate', this.pageBack, false);
       next();
    },

 

Logo

前往低代码交流专区

更多推荐