vue keep-aliveキャッシュページの使用

774 ワード

1、キャッシュするコンポーネントを nameは  义齿
注意:(アニメーションでtransitionを2つ書く場合) の場合はアニメが混乱する問題があります)
            
                    
                        
                    
            

 
2、 keep-alive 中には2つの方法があります.キャッシュした後、ページが入ってきてページが出てくる方法ですが、スクロールバーの位置はキャッシュされませんので、最後の位置を記録して、入ってきたときに自分で記録点にジャンプします
//       
    activated(){
        this.scrollTo();
        this.$refs.loadmoreBox.addEventListener('scroll', this.handleScroll);
    },
    //      
    deactivated(){
        this.$refs.loadmoreBox.removeEventListener('scroll', this.handleScroll);
    },