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

最新推荐文章于 2022-12-21 20:15:00 发布

土生土长的IU

最新推荐文章于 2022-12-21 20:15:00 发布

阅读量978

点赞数

分类专栏： 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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

土生土长的IU

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
【VUE】现在有一个text文本框，当点击一下按钮，让内容加1，请用vue写

<!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文本框
复制链接

扫一扫