如題

問題

在vue3的elementPlus的table中，通過sortablejs添加了行拖拽功能，但是在行內會有輸入框，此時拖拽輸入框會觸發sortablejs的拖拽功能

解決

基于這個現象，我懷疑是由于拖拽事件未綁定而冒泡到后面的行上從而導致的拖拽事件觸發了sortablejs的功能，故嘗試阻止事件冒泡

tsx寫法：

<xq-input v-model={scoped.row.xxx}onClick={withModifiers(()=>{},["stop", "prevent"])}draggable={true}onDragstart={withModifiers(()=>{},["stop", "prevent"])}></xq-input>

注意這里必須設置draggable為true來綁定drag事件才能阻止冒泡

ts寫法

<xq-input v-model="scoped.row.xxx"@click.stopdraggable="true"@dragstart.stop></xq-input>