最新Vue学习之按键修饰符,【深夜思考
根据路线图上的重点去进行有针对性的学习,在学习过程中,学会写笔记,做总结。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记JavaScript 学习笔记Vue 学习笔记。
学习分享,共勉
题外话,毕竟我工作多年,深知技术改革和创新的方向,Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

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

效果

通过效果我们发现虽然效果实现了,但是并不是我们所希望的,这时我们可以添加对应的按键修饰符来处理。
系统本身给我们提供的有几个修饰键,我们先来使用下(https://cn.vuejs.org/v2/guide/events.html)。

比如: enter键

效果

回车效果不好演示,自行脑补哦
系统提供的修饰键,就那么几个,这时如果我们想要自定义的话第一种方式就是使用按键对应的值来处理(https://dpb-bobokaoya-sm.blog.csdn.net/article/details/96280857)

比如我们要使用"F2"来实现 松开"F2"来添加数据的效果,可以如下实现

总结
根据路线图上的重点去进行有针对性的学习,在学习过程中,学会写笔记,做总结。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
这里分享一些前端学习笔记:
-
html5 / css3 学习笔记

-
JavaScript 学习笔记

-
Vue 学习笔记

-blog.csdnimg.cn/img_convert/c7aea89db6b059151c753196f8f4e9b5.png)
-
JavaScript 学习笔记

-
Vue 学习笔记

更多推荐

所有评论(0)