如題，當我在頁面加載的時候 顯示的頁標題會是預期的效果
但是頁面加載完畢后顯示的頁標題卻是
請教下 各位大佬該怎么做啊
uj5u.com熱心網友回復：
你設定了路由吧，頁面又使用了“Breadcrumb面包屑”？檢查下路由設定uj5u.com熱心網友回復：
多謝大佬 我把routeView改成了pageView但是路由格式變成了
這個應該怎么破？uj5u.com熱心網友回復：
找到src檔案夾下的layouts檔案夾下的BasicLayout.js檔案，你看下你的return輸出地址uj5u.com熱心網友回復：
大哥 我沒有這個JS檔案 我的是一個.vue檔案
<template>
<a-layout :class="['layout', device]">
<!-- SideMenu -->
<a-drawer
v-if="isMobile()"
placement="left"
:wrapClassName="`drawer-sider ${navTheme}`"
:closable="false"
:visible="collapsed"
@close="drawerClose"
>
<side-menu
mode="inline"
:menus="menus"
:theme="navTheme"
:collapsed="false"
:collapsible="true"
@menuSelect="menuSelect"
></side-menu>
</a-drawer>
<side-menu
v-else-if="isSideMenu()"
mode="inline"
:menus="menus"
:theme="navTheme"
:collapsed="collapsed"
:collapsible="true"
></side-menu>
<a-layout :class="[layoutMode, `content-width-${contentWidth}`]" :style="{ paddingLeft: contentPaddingLeft, minHeight: '100vh' }">
<!-- layout header -->
<global-header
:mode="layoutMode"
:menus="menus"
:theme="navTheme"
:collapsed="collapsed"
:device="device"
@toggle="toggle"
/>
<!-- layout content -->
<a-layout-content :style="{ height: '100%', margin: '24px 24px 0', paddingTop: fixedHeader ? '64px' : '0' }">
<multi-tab v-if="multiTab"></multi-tab>
<transition name="page-transition">
<route-view />
</transition>
</a-layout-content>
<!-- layout footer -->
<a-layout-footer>
<global-footer />
</a-layout-footer>
<!-- Setting Drawer (show in development mode) -->
<setting-drawer v-if="!production"></setting-drawer>
</a-layout>
</a-layout>
</template>
<script>
import { triggerWindowResizeEvent } from '@/utils/util'
import { mapState, mapActions } from 'vuex'
import { mixin, mixinDevice } from '@/utils/mixin'
import config from '@/config/defaultSettings'
import RouteView from './RouteView'
import SideMenu from '@/components/Menu/SideMenu'
import GlobalHeader from '@/components/GlobalHeader'
import GlobalFooter from '@/components/GlobalFooter'
import SettingDrawer from '@/components/SettingDrawer'
import { convertRoutes } from '@/utils/routeConvert'
import { asyncRouterMap } from '@/config/router.config.js' //有權限后洗掉本句
export default {
name: 'BasicLayout',
mixins: [mixin, mixinDevice],
components: {
RouteView,
SideMenu,
GlobalHeader,
GlobalFooter,
SettingDrawer
},
data () {
return {
production: config.production,
collapsed: false,
menus: []
}
},
computed: {
...mapState({
// 動態主路由
mainMenu: state => state.permission.addRouters
}),
contentPaddingLeft () {
if (!this.fixSidebar || this.isMobile()) {
return '0'
}
if (this.sidebarOpened) {
return '256px'
}
return '80px'
}
},
watch: {
sidebarOpened (val) {
this.collapsed = !val
}
},
// created () {
// const routes = convertRoutes(this.mainMenu.find(item => item.path === '/'))
// this.menus = (routes && routes.children) || []
// this.collapsed = !this.sidebarOpened
// },
//有權限后用上面
created () {
this.menus = asyncRouterMap.find((item) => item.path === '/').children
// this.menus = this.mainMenu.find((item) => item.path === '/').children
this.collapsed = !this.sidebarOpened
},
mounted () {
const userAgent = navigator.userAgent
if (userAgent.indexOf('Edge') > -1) {
this.$nextTick(() => {
this.collapsed = !this.collapsed
setTimeout(() => {
this.collapsed = !this.collapsed
}, 16)
})
}
},
methods: {
...mapActions(['setSidebar']),
toggle () {
this.collapsed = !this.collapsed
this.setSidebar(!this.collapsed)
triggerWindowResizeEvent()
},
paddingCalc () {
let left = ''
if (this.sidebarOpened) {
left = this.isDesktop() ? '256px' : '80px'
} else {
left = (this.isMobile() && '0') || ((this.fixSidebar && '80px') || '0')
}
return left
},
menuSelect () {
},
drawerClose () {
this.collapsed = false
}
}
}
</script>
<style lang="less">
/*
* The following styles are auto-applied to elements with
* transition="page-transition" when their visibility is toggled
* by Vue.js.
*
* You can easily play with the page transition by editing
* these styles.
*/
.page-transition-enter {
opacity: 0;
}
.page-transition-leave-active {
opacity: 0;
}
.page-transition-enter .page-transition-container,
.page-transition-leave-active .page-transition-container {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
</style>
uj5u.com熱心網友回復：
你搜索一下這個“Ant 。。Pro”在哪里，找到它，替換掉uj5u.com熱心網友回復：
全域搜索的能替換的都替換了
uj5u.com熱心網友回復：
用的是IDEA？轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/50266.html
標籤：JavaScript
下一篇：VBS SENDKEYS無效