技術とかの雑なToday I Learnedメモ

IDなどを持っていないObjectやArrayのv-forでの:key、どうする?

ID などを持っていない Object や Array の v-for での:key、どうする?

リストレンダリング — Vue.js

v-for の:key に index を指定するとバグる可能性がある。

hoge_${index}みたいな指定を昔していたがこれでは普通に index にした場合とほぼ変わらないのでどのみちダメ。

Array や Object の各イテレーションで、処理している値から ID を取れば?ということだが、ID を持っていない場合どうすればいいか。

Object だったらkey: valueの key を:key に使えそう。Object の key はユニークなので(たぶん)

Array の場合、処理する値によりそう。この場合は ID を持っていないということはなさそうだけど、持っていない場合も考慮すると難しいな……。

:key には Object や Array などの非プリミティブな値を使うなと書いてあるので、index と処理中の値の何らかのプロパティで${hoge}_${index}みたいなやつを作るしかないのかな。