1. 程式人生 > >vuejs中多選框與單選框的值獲取的方法

vuejs中多選框與單選框的值獲取的方法

獲取多選框的值的程式碼片段

{{myVal}}
<input type="checkbox" name="" value="apple" v-model="myVal" />
<label>apple</label>
<input type="checkbox" name="" value="banana" v-model="myVal" />
<label>banana</label>
<input type="checkbox" name="" value="orange" v-model="myVal" />
<label
>
orange</label>
data(){
    return{
        myVal:[]
    }
}

在陣列中插入的值是input中的value屬性的值
獲取單選框的值的程式碼片段

{{myVal}}
<input type="radio" name="" value="apple" v-model="myVal" />
<label>apple</label>
<input type="radio" name="" value="banana" v-model="myVal" />
<label>
banana</label> <input type="radio" name="" value="orange" v-model="myVal" /> <label>orange</label>
data(){
    return{
        myVal:''//這裡只是字串 不再是陣列
    }
}