vuejs中多選框與單選框的值獲取的方法
阿新 • • 發佈:2019-01-26
獲取多選框的值的程式碼片段
{{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:''//這裡只是字串 不再是陣列
}
}