vuecli 苹果浏览器 按浏览器返回键 插件失效 ,安卓及pc端正常

来源:互联网 发布:ct数据增益处理 编辑:程序博客网 时间:2024/05/23 21:59

这问题现在的解决办法如果是iPhone的浏览器,那么按浏览器的返回键时, 刷新页面  

希望有人能告诉我好点的办法(影响的问题maybe是缓存问题?? )


写在详情页面   要返回到list页面

.vue 文件下的js

<script>export default{    data(){        var articleId        return {           articleId: this.$route.params.articleId                  }    },      mounted:function(){          this.initCss()        this.ifBack()    },    methods:{        initCss(){            // console.log(articleId)            var windowHeight=$(window).height();            $(".box").height(windowHeight);        },        ifBack(){            var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串                      var isiphone=userAgent.indexOf("iPhone")>0                        if (isiphone) {                if (window.history && window.history.pushState) {                    $(window).on('popstate', function() {                      var hashLocation = location.hash;                      var hashSplit = hashLocation.split("#!/");                      var hashName = hashSplit[1];                      if (hashName !== '') {                        var hash = window.location.hash;                        if (hash === '') {                          // alert('後退按鈕點擊');                           location.reload();//刷新页面                          // window.history.pushState('forward', null, 'Articlelist');                                                 }                      }                    });                }            }         }    }}</script>


阅读全文
0 0
原创粉丝点击