本稿について
本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
#vue
radioボタンを実装した時
v-modelを設定してから、選択時には `v-bind:value="true"` とすることで、radioボタンを変更した際にmodelの中身を変更してくれる
<div>
<input type="radio" name="option_1" v-model="passwordFlg" v-bind:value="true">
<label for="option_1">設定する</label>
</div>
<div>
<input type="radio" name="option_2" v-model="passwordFlg" v-bind:value="false">
<label for="option_2">設定しない</label>
</div>
<input v-if="passwordFlg === true" v-model="password" type="text"></input>
<script>
export default {
data: function () {
return {
passwordFlg: true,
password: null,
}
},
}