Developers開発の実験等々、クイックサーブのメンバーが好き好きに書き込んでいく場所です。あわせて読みたい概要Vue2.4.4及びOnsenUIのVue2向けモジュールであるvue-onsenui2.2.1を用いて、タブによる画面の切り替えの実装に関する備忘録。本記事では、以下のようにタブを切り替えることで描画するVueコンポーネントを切り替える。本記事では、gifの通り「コンポーネント1」「コンポーネント2」「コンポーネント3」の3種類のコンポーネントをタブで切り替える。その3種類のコンポーネントを作成する。いってもテキストを描画するだけの適当なもの。</v-ons-page></template>上記templateに対して、tabIndexとtabsを定義する。tabsでは、各タブに表示するアイコンと、表示用ラベル、そしてタブがアクティブになった時に描画するコンポーネントを定義する。各タブに対して、前項で作成したコンポーネントをimportして適用する。コメントをキャンセルメールアドレスが公開されることはありません。