Vue routing handoff problem

the problem is as follows

ajax

:header

:

Home components
<template>
    <div class="home">
        <header class="home-header">
            // header
        </header>
        <div class="scroll-box">
            // 
        </div>
    </div>
</template>

CSS

.home-header{
    background: -sharpf2f2f2;
}
.scroll-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 2.3833rem;
    bottom: 1.43rem;
    overflow-y: auto;
}
Mar.03,2021

  1. is there something wrong with css? the header is fixed at the top, and the x-axis overflow-scroll, of the outer box is so that it will not;
  2. if there is a request, it may take some time to get the content. A loading effect modification has been added at this time, but since they are all local, this problem should not exist. I don't know how you wrote it, and it's hard to guess
  3. .

first of all, it is the problem of css layout. Try adding clear:both respectively. If you first clear the floating
data problem, see if the name or id writes too much


feels that the first problem and the second problem are the same. A lack of understanding of the lifecycle of this process leads to problems with vue rendering. It is recommended to use the public network server or frp to take a look at an address.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7b5ee1-1eb95.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7b5ee1-1eb95.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?