vux tabbarコンポーネントkeep-alive使用
604 ワード
問題の説明:
vueはvuxコンポーネント、一級ページはtabbarコンポーネントを使用していますが、2つの一級ページは切り替えの消費量を保証するためにキャッシュする必要があります.キャッシュをオンにすると、下部の選択項目が混乱し、クリックするたびに遅くなります.
ソリューション:
コンポーネントを定義するとき、私は伝参ではありません.computed関数を直接使用してselectedの値を判断します.pathの値を判断することで、カバーページが選択されているかどうかを判断します.
コード:
vueはvuxコンポーネント、一級ページはtabbarコンポーネントを使用していますが、2つの一級ページは切り替えの消費量を保証するためにキャッシュする必要があります.キャッシュをオンにすると、下部の選択項目が混乱し、クリックするたびに遅くなります.
ソリューション:
コンポーネントを定義するとき、私は伝参ではありません.computed関数を直接使用してselectedの値を判断します.pathの値を判断することで、カバーページが選択されているかどうかを判断します.
コード:
selected() {
let path = this.$route.path,
index = 0;
switch (path) {
case "/":
index = 0;
break;
case "/personal":
index = 1;
break;
default:
index = 0;
break;
}
return index;
}