3

More than 3 years have passed since last update.

【Vue】radioボタンで初期値を設定する方法

Last updated at 2020-02-19Posted at 2020-02-19

普通に書いてみると、できてない

<input type="radio" v-model="ratio" value="600" checked>
<label>2倍</label>
<input type="radio" v-model="ratio" value="900">
<label>3倍</label>
<input type="radio" v-model="ratio" value="1200">
<label>4倍</label>

data(){
    return {
        ratio: null
    }
}

dataの値と初期値として設定したいvalueを同じにする

<input type="radio" v-model="ratio" value="600">
<label>2倍</label>
<input type="radio" v-model="ratio" value="900">
<label>3倍</label>
<input type="radio" v-model="ratio" value="1200">
<label>4倍</label>

data(){
    return {
        ratio: 600
    }
}

3

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

3