v-data-tableで検索にヒットしたitemだけを取得したかった
手っ取り早く解決したい方へ
環境
vuetify 2.2.26
経緯
以前まで動いていたrefによる参照がv-data-tableで期待どおりの動作をしていなかった
以前はthis.$refs.refTable.items
でv-data-tableで検索にヒットしたitemの配列を返していたが、全てを返すようになっていた
やったこと
1:ぐぐる
how to get searched item v-data-table 必要な情報がなかった
2:手動
これはみつからないと判断してthis.$refs.refTableをコンソールに吐き出し、items以外のものを手探りした。
結果として、
this.$refs.refTable.internalCurrentItems`が期待どおりの結果を返していた
反省
deeplでv-data-tableで検索済みのitemを取得する方法と入力したら、How to retrieve a retrieved item from a v-data-table
という結果がきた。
これで検索したところ、下記記事が見つかり解決法が書いていた。deeplを有効活用していきたい