vue keep-aliveキャッシュページの使用
774 ワード
1、キャッシュするコンポーネントを nameは 义齿
注意:(アニメーションでtransitionを2つ書く場合) の場合はアニメが混乱する問題があります)
2、 keep-alive 中には2つの方法があります.キャッシュした後、ページが入ってきてページが出てくる方法ですが、スクロールバーの位置はキャッシュされませんので、最後の位置を記録して、入ってきたときに自分で記録点にジャンプします
注意:(アニメーションでtransitionを2つ書く場合) の場合はアニメが混乱する問題があります)
2、 keep-alive 中には2つの方法があります.キャッシュした後、ページが入ってきてページが出てくる方法ですが、スクロールバーの位置はキャッシュされませんので、最後の位置を記録して、入ってきたときに自分で記録点にジャンプします
//
activated(){
this.scrollTo();
this.$refs.loadmoreBox.addEventListener('scroll', this.handleScroll);
},
//
deactivated(){
this.$refs.loadmoreBox.removeEventListener('scroll', this.handleScroll);
},