模拟人手敲击键盘的 vue.js 组件 vue-keyboard

MIT
JavaScript
跨平台
2019-03-21
AJLoveChina

vue-keyboard 是一个模拟人手敲击键盘的vue.js组件。

可以看一下Gif 查看效果

screenshot.gif

 

使用方法也非常简单。简单三步

第一步:先安装依赖

The recommended way is using npm

npm install vue-hand-keyboard --save 

第二步:在vue的main.js入口设置

In your entry script

import Vue from 'vue'
import VueKeyboard from './index.js'
Vue.use(VueKeyboard);

第三步:在任何vue页面引用即可

<vue-keyboard :width="600"></vue-keyboard>

是不是非常简单好用 ? 哈哈 ~

你还可以用这个组件做一个“用户在线学习打字”的网页哦。

的码云指数为
超过 的项目
加载中

评论(6)

zhillao
zhillao
这个可以给初学电脑的人使用,作为键盘的使用教学
Heanes
Heanes
非常费心了👍
天体图
天体图
好东西,顶
AJLoveChina
AJLoveChina 软件作者

引用来自“剑仁”的评论

每个键都画个手
是滴 svg 文件里面给每个键都花了一个手, 目前只有字母有, 其它数字标点符号还没有
剑仁
剑仁
每个键都画个手

暂无资讯

暂无问答

vue插件

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vu...

2018/12/25 10:43
49
0
Vue相关组件集合

内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vu...

2018/08/28 14:58
84
0
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material...

2018/10/10 16:58
33
0
vue笔记

添加devtools https://github.com/vuejs/vue-devtools#vue-devtools vue的computed属性 有缓存,methods属性没有缓存 vue实例中的data是属性 可以定义对象,Vue.component中的data是方法 需要...

2017/08/28 04:10
144
0
前端框架vue.js系列(9):Vue.extend、Vue.component与new Vue

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/78133622 vue构造、vue组件和vue实例这三个是不同的概念,它们的关系有点类似于...

2018/11/28 21:00
18
0
Vue 自动化表单相关资料

1.使用vue自动化表单 2.Vue可视化,Vue代码生成,Vue动态表单 3.前端表单进阶之路:通过 Vue.js 实现表单可配置化 4.使用Vue动态生成form表单 5.autoform-devtool 6.Vue.js实践:实现多条件筛...

2018/07/17 09:28
69
0
vue

vue

2018/04/23 00:16
24
0
vue-cli3快速开始

vue-cli3快速开始 node 如没安装,详见<vue开发环境搭建(mac).md> webpack 安装webpack npm install webpack webpack-cli -g 查看版本 webpack -v vue-cli 安装vue-cli npm install vue-c...

02/27 08:56
12
0
让sublime text3支持Vue语法高亮显示

让sublime text3支持Vue语法高亮显示 1.准备语法高亮插件vue-syntax-highlight。 下载地址: https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: 解开压缩包vue-syntax-highli...

2018/06/27 14:45
33
0
2018年最新Mpvue Vue2 Vuex MintUi视频教程网盘分享

版权声明:转载请注明原创地址 https://blog.csdn.net/u013032788/article/details/82865215 百度网盘链接: https://pan.baidu.com/s/1W2d9vKrK5VMY5m4Kca9czA 提取码: 923t 更多网站源码资源...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部