h5页面异常处理

最新推荐文章于 2024-09-08 11:08:31 发布

垚~垚

最新推荐文章于 2024-09-08 11:08:31 发布

阅读量1.4k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/luoyumeiluoyumei/article/details/95472463

版权

vue 专栏收录该内容

3 篇文章 2 订阅

订阅专栏

页面异常捕获
请求失败或页面找不到调用$throw方法

const errorHandler = (error) => {
  var vm = new Vue({
    router
  });
  console.error('抛出异常');
  vm.$router.replace('/404');
}
 function $throw(error) {
  errorHandler(error)
}

404页面组件

<template>
  <div id='bg' class="bg" v-show="showFlag">
    <div class="container">
      <p>页面开小差了</p>
      <p class="btn" @click='refresh'>点击刷新</p>
    </div>
  </div>
</template>
<script>
  export default {
        data(){
            return{
                showFlag: true,
                path:''                                      
            }
        },
        inject:['reload'],
        mounted() {
          
        },
        beforeRouteEnter (to, from, next) {
            next(vm => {
                // 通过 `vm` 访问组件实例
                vm.path=to.redirectedFrom||from.fullPath;//地址错误或请求失败
                console.log( vm.path)
            })
        },
        methods:{
            refresh(){
                this.$router.replace(this.path)
            }
        }
    }
</script>