事件监听——拖拽事件drag

/**
* 添加监听事件，实现拖拽功能
*/
    handleAddDomListen() {
       //具体拖拽元素
      const Refs = this.$refs.layoutsToolbarRef
      // 开始拖拽
      document.addEventListener('dragstart', function (event) {
        //dataTransfer.setData()方法设置数据类型和拖动的数据
        event.dataTransfer.setData('Text', event.target.id)
        //修改拖动元素的透明度
        event.target.style.opacity = '1'
      })
      /* 拖动完成后触发 */
      document.addEventListener('dragend', function (event) {
       
        event.target.style.opacity = '1'
        const max = document.body.clientHeight - Refs.offsetHeight
        let moveTo = event.clientY > max ? max : event.clientY < 0 ? 0 : event.clientY
        Refs.style.top = moveTo + 'px'
      })
    }