Vue学习之按键修饰符,干货来袭

11 阅读2分钟

Name:

<input type="button" value="添加"

class="btn btn-primary" @click='add'>

搜索名称关键字:

idnamecTime操作
{{item.id}}{{item.name}}{{item.ctime | msgDateFormat('yyyy-mm-dd hh-mi-ss') }}删除

2.keyup处理


我们希望当’品牌名称’输入完成后自动的调用"add"方法完成添加操作,这时我们可以给输入框绑定一个 键盘松开的事件"keyup"

在这里插入图片描述

效果

在这里插入图片描述

通过效果我们发现虽然效果实现了,但是并不是我们所希望的,这时我们可以添加对应的按键修饰符来处理。

3.系统修饰键


系统本身给我们提供的有几个修饰键,我们先来使用下(cn.vuejs.org/v2/guide/ev…)。

在这里插入图片描述

比如: enter键

在这里插入图片描述

总结

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

前端面试题汇总

JavaScript

前端资料汇总

开源分享:docs.qq.com/doc/DSmRnRG…