事象
Vuetifyのv-data-tableで show-select プロパティを設定すると、各行を選択するチェックボックスが表示される。
デフォルトでは複数の行にチェックをつけることができるが、任意の行のチェックを入れるとすべての行にチェックがつくようになってしまった。
show-selectの動作
チェックをつけた行はv-modelプロパティで設定した変数の行列にオブジェクトが追加される。問題が起きているとき、v-modelに設定した変数にはクリックした行のみが追加されていたが、チェックはすべての行についていた。
また最上部には全選択チェックボックスが表示されるが、これをクリックした場合も1つの行だけが変数に追加され、すべての行がチェックされた。
解決方法
v-data-taleの item-key の指定が抜けていた。
重複のない主キーを指定することで無事チェックした行だけが選択されるようになった。