vue h5 页面标题，页面数据缓存问题

拼搏现实的明天。 2023-07-25 09:46 1阅读 0赞

问题描述： 每个页面的title更改 路由： h5部分页面不需要数据缓存

import Vue from 'vue'
    import Router from 'vue-router'
    
    Vue.use(Router);
    
    
    
    
    export default new Router({
        routes: [
            {
                path: '/success',
                name: 'Success',
                component: myComponents.Success,
                beforeEnter: function (to, from, next) {
                    document.title = "21312312";
                    next();
                },
                meta: {
                    keepAlive: false, //此组件不需要被缓存
                }
            },
    
            {
                path: '*',
                redirect: '/home'
            }
        ]
    })

页面：

<template>
        <div id="app">
            
            
            
            <keep-alive>
                <router-view v-if="$route.meta.keepAlive">
                    
                </router-view>
            </keep-alive>
    
            <router-view v-if="!$route.meta.keepAlive">
                
            </router-view>
    
            
            
            
            
            
            
            
        </div>
    </template>

主要通过router的meta属性进行判断。记录一下

vue h5 页面标题，页面数据缓存问题

发表评论取消回复

还没有评论，来说两句吧...

相关阅读