vue単一選択ボックスのデフォルト選択を実現します。

vueの中の単一選択ボックスのデフォルト選択は、従来の方式とは違ってcheckedを設定し、dataにvulueを設定することによって達成されます。
html部分はv-forで取りました。バックグラウンドのデータです。

 <li v-for="(value,i) in addList" :key="value.id">          
   <input class="radio" type="radio" name="radios" :value="i" v-model="radio" />                   
</li>

生成したコードは

 <li>        
   <input class="radio" type="radio" name="radios" value="0" v-model="radio" />  
   <input class="radio" type="radio" name="radios" value="1" v-model="radio" />  
   <input class="radio" type="radio" name="radios" value="2" v-model="radio" />                 
</li>

js部分（v-modelのdata値をデフォルトで選択したいvalue値に設定すればいいです。）

// data          
radio:'0',

以上のこのvueは単一選択枠の設定のデフォルト選択値を実現しました。小編集が皆さんに提供した内容は全部分かりました。参考にしていただければ幸いです。よろしくお願いします。