【vue2】Style和Class,条件,列表渲染,双向数据绑定,事件处理( 四 )


【vue2】Style和Class,条件,列表渲染,双向数据绑定,事件处理

文章插图
6.5 按键修饰符<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="https://www.huyubaike.com/biancheng/js/vue.js"></script></head><body><div id="app"><input type="text" v-model="search" placeholder="请输入搜索内容" @keyup.enter="handleUp"></div></body><script>var vm = new Vue({el: '#app',data:{search:''},methods:{handleUp(event){console.log('回车被按了')// if (event.code == 'Enter'){//console.log('回车间被按了',event)// }}}})</script></html>
【vue2】Style和Class,条件,列表渲染,双向数据绑定,事件处理

文章插图

推荐阅读