Vue 2.0 键盘属性
2017-10-28 11:24
316 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/vue.js"></script>
<script>
window.onload = function() {
new Vue({
data: {
message: ""
},
methods:{
show:function(){
alert("您按了回车键");
}
}
}).$mount("#box")
}
</script>
</head>
<body>
<div id="box">
<input type="text" @keydown.enter="show" v-model="message"/></br>
{{message}}
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 解决Vue.js 2.0 有时双向绑定img src属性失败的问题
- Vue2.0的变化(1)——vue2.0组件定义/生命周期/循环/自定义键盘/过滤器/组件通信的变化
- VUE2.0 全套demo讲解 基础3（计算属性）
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七八║Vue基础: 指令(下)+计算属性
- VUE2.0 全套 demo 讲解 基础3（计算属性）
- vue 2.0 键盘按键栗子
- Vue 2.0学习笔记之Vue中的computed属性
- vue2.0中的计算属性
- Vue.js 2.0 有时双向绑定img src属性失败问题
- vue2.0 之计算属性和数据监听
- vue2.0键盘事件
- vue2.0获取自定义属性的值
- vue2.0使用watch监听对象属性
- vue2.0 之标签属性
- vue2.0+基础知识连载（13）--- 计算属性的使用
- 理解Vue 2.0 的ref属性及简单用法
- Vue2.0 解决watch对象属性变化监听不到问题
- vue2.0+基础知识连载（03）--- 常用属性介绍
- 详解vue2.0监听属性的使用心得及搭配计算属性的使用
- Vue2.0笔记——Vue常用实例属性，实例方法