v-hotkey-yyf

vue hotkey

Usage no npm install needed!

<script type="module">
  import vHotkeyYyf from 'https://cdn.skypack.dev/v-hotkey-yyf';
</script>

README

安装

npm install v-hotkey-yyf --save

使用

1、引入

import VueHotkey from 'v-hotkey-yyf'

Vue.use(VueHotkey)

2、配置

<template lang='pug'>
   <input v-hotkey="{keymap:keymap,isfull: false}" v-show="showing" />
</template>

<script>
export default {
  data () {
    return {
      showing: true
    }
  },
  methods: {
    keymaphandler () {
      alert('111')
    }
  },
  computed: {
    keymap () {
      return {
        'ctrl+enter': this.keymaphandler
      }
    }
  }
}
</script>

3、参数详解

  • keymap：

    类型:Object eg:'ctrl+enter': this.keymaphandler [键位]:[回调]

  • isfull：

    类型:Boolean eg:isfull:false [全局可用即document/绑定到当前的元素]

事件函数

  • keydown (as default)
  • keyup

组合键

使用以下一个或多个键来激活热键

  • ctrl
  • alt
  • shift
  • meta (windows / command)