v-data-tableで検索にヒットしたitemだけを取得したかった

手っ取り早く解決したい方へ

qiita.com

環境

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を有効活用していきたい

github.com

www.deepl.com