tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。対象とした記事になります。インストールを試してみた記事もありますので、ぜひそちらもご覧ください。紐づけた関数が実行できたりします。コンポーネントを例にして、その「イベント取得の方法」を見ていきたいと思います。現在アクティブなタブ番号を取得するv-tabsで、現在アクティブなタブ番号を取得するには次のように書きます。(v-on:changeでも可。@はv-onの省略形)を指定。変数を使用してあげることで、イベントが発生したv-tabsから、値を返すことができます。現在アクティブなタブ番号を取得することが可能です。0始まりで帰ってきます。連動させるなどすれば、様々な操作が実現できそうですね。各コンポーネントには取得可能なイベントがそれぞれ定義されているこれまで、当サイトではVuetifyの各種UIコンポーネントについて、ご紹介する記事を複数書いてきました。取得できる各種イベントがそれぞれ定義されています。いうイベントが起きた時を取得することが可能になっています。ユーザの操作によってタブが変更されたときに発生する。href属性が各タブに設定されていれば文字列を返す。ない場合は数値を返す。いう仕様になっています。状態で値が返ってきていてタブ番号を取得することができていた、というわけです。ように、もし対象の各tabにhref属性が指定されていれば、その値を返すことも可能です。Three</v-tab></v-tabs>↑こうしておくと、各タブが切り替わったタイミングでfirstsecondthirdのように、hrefで指定している値を返すことができます。様々な操作が実現できそうですね。「そのUIコンポーネントが持っている値を返す」ということについて、書いてみました。他のコンポーネントではクリックされた場所の座標やそのUIコンポーネントまでの階層構造などを取得できるものがあります。他のコンポーネントではどんなイベントで、どんな値が取得できるのか、より細かな部分について書いていけたらと思っています。関する様々な記事を書いていく予定です。※この記事は内容の品質向上を目的に、随時更新を行う場合があります。