Edited at

can not set reatcive property on undefined,Vueで複数選択可のチェックボックスを実装するときのエラー

Vueで次のエラーを解消するための一つの方法。

ノートのメモなので動かしてないので、違ってたらすみません。

Vueで複数選択可のチェックボックスを実装するときのエラーです。

結論を言うと、dataにあらかじめ定義してないよというエラーみたい。

dataにあらかじめ定義してなくてもよい場合と、定義してないといけない場合があるみたい。

can not set reatcive property on undefined, null, or primitive.value


<label
v-for="(hoge, key) in hoges"
:key = "key"
:for = "key"
>
<input
type="checkbox"
v-model="hoges.hoge_id"
:value="hoge.id"
id="index"
>
{{ hoge.names }}

<script>

data: ~ 中略
// 定義しておく
hoges: {
hoge_id: []
}