不明白这个keyup是什么意思

最新推荐文章于 2024-11-01 14:29:13 发布

hamimelon2020

最新推荐文章于 2024-11-01 14:29:13 发布

阅读量176

点赞数

分类专栏： vue JavaScript 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_40945354/article/details/120097602

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<body>
		<div id="app">
			<button v-on:click="count++">Add 1</button>count: {{ count }}
			
		    <p><button v-on:click="alerthi">Greet</button></p>
			<p><button v-on:click="sayhi">Hi</button></p>
			<p><a href="1.jsp" v-on:click.prevent.once="alerthi">链接</a></p>
			<p><input type="text" v-model:kepup.enter="greet"></p>

		</div>
		<script src="https://unpkg.com/vue@next"></script>
		<script>
			const vm = Vue.createApp({
				data() {
					return {
					   count: 0,
					   message: 'Hello, Vue.js!'
					   
				}
				},
				methods: {
					alerthi() {
						alert(this.message) 
					},
					sayhi() {
						alert('hi!')
					}
				}
			}).mount('#app')
		</script>
	</body>
</html>

还是不知道是在干啥

<!DOCTYPE html>
<html>
	<body>
		<div id="app">
			<button v-on:click="count++">Add 1</button>count: {{ count }}
			
		    <p><button v-on:click="alerthi">Greet</button></p>
			<p><button v-on:click="sayhi">Hi</button></p>
			<p><a href="1.jsp" v-on:click.prevent.once="alerthi">链接</a></p>
			<p><input type="text" @keyup.enter="alerthi"></p>
			<p><input type="text" @keyup.17.c="alerthi"></p>

		</div>
		<script src="https://unpkg.com/vue@next"></script>
		<script>
			const vm = Vue.createApp({
				data() {
					return {
					   count: 0,
					   message: 'Hello, Vue.js!'
					   
				}
				},
				methods: {
					alerthi() {
						alert(this.message) 
					},
					sayhi() {
						alert('hi!')
					}
				}
			}).mount('#app')
		</script>
	</body>
</html>