Réagissez comment changer d'itinéraire, la page est en haut

Vue a des configurations associées, mais en raison des besoins des utilisateurs, reactRouter a abandonné sa configuration dans les versions précédentes et nécessite des paramètres définis par l'utilisateur

 

Méthode:

Créer un composant pour déterminer si la page commutée est en haut

···

importer React à partir de 'react'; 
import { 
    Route, 
    withRouter, 
} de " react -router-dom"; 
La classe ScrollToTop étend React.Component { 
    componentDidUpdate (prevProps, prevState, snapshot) { 
        if (this.props.location.pathname! == prevProps.location.pathname) { 
            window.scrollTo (0, 0) 
        } 
    }
     render () { 
        return this.props.children 
    } 
} 
exporter ScrollToTop par défaut; 

`` `
在 在 app 中 引入 该 组件

` ``

return ( 
    <Router> 
        <Switch> 
            <ScrollToTop>
                 <Route path = '/' exact 
                       render = {token? () => LayEditRouter: () => <Redirect to = '/ login' push />} 
                /> 
                <Route path = '/ login' component = {Login} /> 
                <Route path = '/' render = {props => LayEditRouter} /> 
            </ScrollToTop>
         </Switch> 
    </Router> 
);