radio 單選框

html

{{item.text}}

js

//checkedValue的值就是選中的值，我們只需要實時監控他的值就可以了

export default {

name:'radio',

data(){

return {

checkedValue:'',

answer:[],

}

},

watch:{

checkedValue:function(){

this.answer=[];

this.answer.push(this.checkedValue);

}

},

}

checkbox 多選框

html

{{item.text}}

js

export default {

name:'checkbox',

data(){

return {

checkedValue:[],//一定必須是數組不能是字符串

answer:[],

}

},

watch:{

checkedValue:function(new_v,old_v){

this.answer=this.checkedValue;

}

},

}

總結

以上是生活随笔為你收集整理的vue取通过key取value_vue怎么获取radio、checkbox选中的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。