vue.js - vue文档中遇到的一个基础问题
本文介绍了vue.js - vue文档中遇到的一个基础问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
最近在看vue,按键修饰符这一块,
@keyup.enter不生效,也不报错?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="app">
<div>
<!-- <a @keyup.enter="test">按回车键试试看</a> -->
<input @keydown.enter="submit" type="submit">
<button @click="f2">点击试试看</button>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
counter: 0,
name: 'Vue.js'
},
methods: {
test: function() {
alert('hello');
},
f2: function() {
alert('hello2');
},
submit: function() {
alert('确定提交吗?');
}
}
});
</script>
解决方案
你得选中这个submit,然后enter才有效。
这篇关于vue.js - vue文档中遇到的一个基础问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文