vue加404页面提示

2022-08-26 09:46:58 阅读:2 编辑
page404.vue
<template>
    <div class="buy">
        <span @click="copyDebug">复制调试</span>
        <span style="display: none">{{pageinfo}}</span>

    </div>
</template>

<script>
    export default {
        name: "page404",
        data:function(){
          return {
              pageinfo:'',
          }
        },
        mounted: function () {
            //console.log("prev routes",this.$router.history.current.redirectedFrom);
            let page_path = this.$router.history.current.redirectedFrom;
            let pos = page_path.indexOf("?");
            this.pageinfo = "push.bat " + page_path.substring(1,pos);
        },
        methods: {
            copyDebug(){
                let that = this;
                wx.setClipboardData({
                    data:that.pageinfo,
                    success:function () {
                        wx.showToast({
                            title: '成功',
                            icon: 'success',
                            duration: 2000
                        })
                    }
                });
            }
        }
    }
</script>

<style scoped>
.buy{
    height: 100vh;
    line-height: 100vh;
    text-align: center;
    font-size: 26px;
    color: #ff0000;
}
</style>
router.stub
import common_debugger from './common/debugger';
import platebuy from './common/platebuy';
import alipay from './common/alipay';
import imgpay from './common/imgpay';
import page404 from './common/page404';
%import_page%

let routes=[
    {
        path: '/common/debugger',
        name: 'common_debugger',
        meta: {use_jssdk: true, title: 'debugger'},
        component: common_debugger
    },
    {
        path: '/common/platebuy',
        name: 'platebuy',
        meta: {use_jssdk: false, title: '购买'},
        component: platebuy
    },
    {
        path: '/common/imgpay',
        name: 'imgpay',
        meta: {use_jssdk: false, title: '支付订单'},
        component: imgpay
    },
    {
        path: '/common/alipay',
        name: 'alipay',
        meta: {use_jssdk: false, title: '支付订单'},
        component: alipay
    },
    {
            path: '/page404',
            name: 'page404',
            meta: {use_jssdk: false, title: '404'},
            component: page404
     },
    %routes%
     {
            path: '*',
            redirect: '/page404',
            name: 'notFound',
            hidden: true
     },
       ];
export default routes;