Vue.jsのラジオボタンに初期状態でチェックを入れたい(失敗)

Vue.jsのv-modelで紐付けたラジオボタンに初期状態でチェックを入れておこうと考えて、下記のようなコードを記述。
<input :type="radio" :name="key" v-model="radioArray.data" :required="radioArray.required ? true : false" :checked="radioArray.checked ? true : false">
が、チェックが入りませんでした。おかしいな、と思っていたのですが公式ドキュメントを見て原因が判明。
v-model は任意の form 要素にある value、checked または selected 属性の初期値を無視します。
フォーム入力バインディング — Vue.js

……思いっきり書いてありました。道理で動かないわけです。 となると、どうしたものか……。

参考

この記事を書いた人

アバター

アルム=バンド

フルスタックエンジニアっぽい何か。LAMPやNodeからWP、gulpを使ってejs,Scss,JSのコーディングまで一通り。たまにRasPiで遊んだり、趣味で開発したり。