Vue3--系统修饰键
2023-06-13 09:12:41 时间
tips:
- 可以使用ctrl,alt,shift,meta四种系统修饰键
- meta在不同操作系统中代表的是不同的按键,Windows中是win键,Apple系统中是command键
- .exact是用来修饰系统修饰键,表示精准控制
- 系统修饰键可以与其他修饰键一起使用
example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@3"></script>
</head>
<body>
<div id="michael">
<input @keydown.ctrl.exact="abc" /> <!--按下ctrl,shift,alt,meta都是同样的效果-->
</div>
<script>
//ctrl,shift,alt,meta 系统修饰键,补充 exact表示精准控制
Vue.createApp({
"methods":{
abc(){
alert(1)
}
}
}).mount("#michael")
</script>
</body>
</html>
相关文章
- Java项目毕业设计:基于springboot+vue的电影视频网站系统「建议收藏」
- Vue3源码04: Vue3响应式系统源码实现1/2
- Vue3源码05 : Vue3响应式系统源码实现(2/2)
- Vue3源码07: 故事要从createApp讲起
- Vue3源码10: 名动江湖的diff算法
- Vue3—父子组件传值(子组件使用 emit 传值到父组件)
- vue3 axios跨域_vueaxios跨域请求
- Vue3中多个v-model绑定
- vue3 配置生成环境打包不输出日志
- 手写 Vue3 响应式系统:核心就一个数据结构
- 【Vuejs】1402- 6 个你必须明白 Vue3 的 ref 和 reactive 问题(入门篇)
- 面试官:vue2和vue3的区别有哪些?_2023-02-28
- 开心档之Vue3
- Vue3知识点总结之数据侦测
- vue3 函数式组件调试报警 Non-function value encountered for default slot
- Vue2与Vue3的响应式【代理对象:Proxy 反射对象:Reflect的实例学习】