【Vue】vue里面如何监听键盘事件

一、前言：

<span>、<div>元素中是不可以用键盘事件的,所以需要另想办法。

二、解决方案：

（1）通过监听的方法。

  mounted(){
    this.backEvent();
  },

  methods: {
    backEvent(){
      document.addEventListener('keyup',(event) =>{
        const keyName =event.key;
        if(keyName === 'Backspace'){
          this.deletelink();
        }
      })
    },

（2）设置span元素中的方法

          <span v-html="item" tabindex='1' class="select" v-for="(item,i) in list" v-on:click="link()"  v-on:keyup.delete="deletelink()" :key="i">{{item}}</span>

（3）调取span元素中的deletelink()事件。

    deletelink(){
      console.log(1234);
    }