vue-draggable-resizable可拖拽放大缩小，删除的解决方法

<vue-draggable-resizable
   v-for="(item,index) in pictureList"
   :parent="true"
   :w="item.width"
   :h="item.height"
   :key="index"
   :y="item.y"
   @activated="onActivated(index)">
    <el-image :src="item.src"></el-image>
</vue-draggable-resizable>

onActivated(index){
      let that = this
      document.onkeydown = function(event){
				if(event.code=="Delete"){
          that.pictureList.splice(index,1)
        }
	}
 },

绑定选中事件，然后监听键盘按下，然后删除index指定的框