【VUE】现在有一个text文本框，当点击一下按钮，让内容加1，请用vue写

最新推荐文章于 2024-09-05 11:22:00 发布

土生土长的IU

最新推荐文章于 2024-09-05 11:22:00 发布

阅读量1k

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/AIB_Kasic/article/details/117551748

版权

vue.js 专栏收录该内容

85 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="https://cdn.jsdelivr.net/npm/vue"></script>
		<title></title>
	</head>
	<body>
		<div id="app">
			<!-- 现在有一个text文本框，当点击一下按钮，让内容加1，请用vue写 -->
		 <input type="text" id="" :value="num" />
			<button type="button" @click="add">+</button>
		</div>
	</body>
	
	<script type="text/javascript">
		var app = new Vue({
		  el: '#app',
		  data: {
			num:1,
		  },
		  methods:{
			  add(){
				 this.num+=1 
			  }
		  }
		})
	</script>
</html>