vue.jsの下部ナビゲーションバーにサブルートが表示されない場合の対処方法

今回はvue.jsの下部ナビゲーションバーのサブルートが表示されない場合の対処法をお届けします vueの下部ナビゲーションバーのサブルートを扱う際の注意点とは.js が表示されない場合は、次のような実際のケースを見てみましょう。 最近 vue サードパーティ UI を使用している MuseUI が Web アプリを開発すると、

ナビゲーション

バーで問題が発生します。ナビゲーション バー上のいくつかの ルート では下部のナビゲーション バーを表示する必要があります。この問題では、下のナビゲーション バーが表示されません。 MuseUI は直接 app.vue で読み込まれると、すべてのページにナビゲーション バーが表示されるため、この方法は実行できません。その後、MuseUI 作者 GitHub に質問しようと一生懸命努力しましたが、無駄でした。セグメントフォールトで質問しましたが、役に立ちませんでした。質問する前に、vue 公式グループに質問に行きましたが、役に立ちませんでした。しかし、これらすべてで私は倒れてしまいました。考えられるエラーは、URL のルーティング、museUI の使用上のバグ、関数の追加にまで及びました。それらはすべて予想されていましたが、どれも真実ではありませんでした。私の努力が神と私を動かしたのかもしれません。解決策を見つけました。 router.js

const router = new VueRouter({
 mode: 'history',
 routes: [
  { path: '/first', component: firstView, meta: { navShow: true, cname: '一级页面' }, name: 'first' },
  { path: '/sub', component: subView, meta: { navShow: false, cname: '子页面' }, name: 'sub' },
 ],
});

app.vue

<Bar v-show="$route.meta.navShow">

これは私が見つけた解決策であり、これに基づいてコードを修正し、正常に解決しました。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS で文字列連結を拡張する方法

Nginx 構成ファイルをセクションにダウンロードする方法

以上がvue.jsの下部ナビゲーションバーにサブルートが表示されない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。