【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);
    }