v-on的按键修饰符

最新推荐文章于 2024-09-30 11:04:46 发布

xiaocmianju

最新推荐文章于 2024-09-30 11:04:46 发布

阅读量42

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/xiaocmianju/article/details/124952919

版权

代码如下

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<input @keyup.enter='submit' v-model='value'/>
			
			<input type="text" placeholder="按下回车提示输入" @keyup.caps-lock="show"/>
			
			
			<input v-on:keyup.huiche="submit" v-model="value"/>
		</div>
		<script src="../vue.js"></script>
		<script>
				Vue.config.keyCodes.huiche = 13
			const app=new Vue({
				el:"#app",
				data(){
					return{
						value:''
					}
				},
				methods:{
					submit(){
						console.log(this.value);
					},
					show(){
						console.log('123123');
					},
					submit(){
						console.log(this.value);
					}
				}
			})
		</script>
	</body>
</html>