在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue路由切換問題

Vue路由切換問題

問題如下所示

都是默認(rèn)定位,沒有ajax請(qǐng)求。

第一個(gè)問題:為什么首頁的header部分被擠下來了?

第二個(gè)問題:為什么切換的時(shí)候,內(nèi)容都沒有了?點(diǎn)擊首頁的時(shí)候,分類頁面內(nèi)容消失,切換到首頁頁面的過程中,首頁內(nèi)容也是為空,等到完全切換之后,才顯示。

大致布局如下

Home組件
<template>
    <div class="home">
        <header class="home-header">
            // header內(nèi)容
        </header>
        <div class="scroll-box">
            // 中間內(nèi)容部分
        </div>
    </div>
</template>

CSS

.home-header{
    background: #f2f2f2;
}
.scroll-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 2.3833rem;
    bottom: 1.43rem;
    overflow-y: auto;
}
回答
編輯回答
萌吟
  1. css寫的有問題吧,header固定在頂部,外部盒子x軸overflow-scroll,這樣就不會(huì);
  2. 如果有請(qǐng)求的話,可能是獲取內(nèi)容需要一定的時(shí)間,此時(shí)已辦加一個(gè)loading效果修飾,但既然都是本地,應(yīng)該不存在這個(gè)問題,不知道你怎么寫的,不好猜
2018年7月5日 12:26
編輯回答
哚蕾咪

感覺第一個(gè)問題和第二個(gè)問題是同一個(gè)問題。對(duì)于這個(gè)過程的生命周期的不了解導(dǎo)致的vue渲染的問題。還是建議用該公網(wǎng)服務(wù)器或者frp給個(gè)地址看下。

2017年1月27日 15:46
編輯回答
鹿惑

首先來說,是css布局的問題,分別加上clear:both試試,先清除浮動(dòng)
數(shù)據(jù)的問題的話,看看名字或者id寫沒寫多

2017年10月17日 12:25