Vue操作Input标签radio单选功能，点击选择，再次点击取消

codeMing_

已于 2022-09-17 15:30:38 修改

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签： html css

于 2021-09-16 14:30:36 首次发布

本文链接：https://blog.csdn.net/q879936814/article/details/120328260

本文介绍了如何在Vue应用中通过v-model和checked属性操作input radio元素，展示了选择事件监听及值的更新策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input标签有一个属性是checked，需要操作这个即可。

<input tyoe="radio" value="1" v-model="value" @click=choose($event)>123

choose(e){
	if(e.target.value == this[e.target.name]){
		e.target.checked = false
		this[e.target.name] = ''
	})
}