vue取通过key取value-凯发k8官方网

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;

}

},

}

总结

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

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。