js原生 vue使用draggable进行拖拽填充

一个需求是将页面上的某个元素拖动到input框中，填充值，使用draggable即可比较简单的实现此需求
1.需要拖动的元素加上draggable属性

          <div draggable="true" @dragstart="dragstart">{{ xxx }}</div>

2.拖进的元素上加事件，监听到已有元素进入

<el-input
  v-model="sourceName"
  @dragover="(e) => e.preventDefault()"
  @drop="dragEnter"
></el-input>

3. js进行赋值

	let currentDragText="";
	const dragstart = (e) => {
	      currentDragText = e.target.innerText;
	};
    const dragEnter = () => {
      sourceName = currentDragText;
    };