vue 多个input type = radio单击事件

最新推荐文章于 2024-08-19 09:00:00 发布

powderhose

最新推荐文章于 2024-08-19 09:00:00 发布

阅读量6k

点赞数

分类专栏： vue 文章标签： vue input click

本文链接：https://blog.csdn.net/powderhose/article/details/60363570

版权

本文介绍在Vue.js应用中如何为多个input type=radio元素绑定独立的点击事件处理，详细阐述了实现方法和注意事项。

摘要由CSDN通过智能技术生成

因为vue有绑定事件，v-mode，所以只需要给每个input设置value初值，并绑定同一个data，便可以实现单击按钮切换显示不同内容。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo8</title>
	<link href="https://unpkg.com/animate.css@3.5.1/animate.min.css" rel="stylesheet" type="text/css">
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"></script>
	<style>
		.component-fade-enter-active,.component-fade-leave-actie{
			transition:opacity .
			3s ease;
		}
		.component-fade-enter,.component-fade-leave-actie{
			opacity: 0;
		}
	</style>

</head>
<body>
	<div id="app">
		<input type="radio" value='v