vue取通过key取value-凯发ag旗舰厅登录网址下载

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;

}

},

}

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的vue取通过key取value_vue怎么获取radio、checkbox选中的值的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。