vue 中 的 draggable 插件能与拖拽对象的某个标签绑定吗？

Question

项目中使用了拖拽插件，现在实现了对表格的拖拽(代码如下)，但是按现在的写法，日后如果对表格内容添加点击事件等操作后，现在移动到单元格上的十字花图标会造成理解误解。现在想要在表格单元格最后加上一个十字花的拖拽图标，只有摁住这个图标才能对表格行进行拖拽，拖动其他行元素时不产生拖拽效果。 draggable 能将拖拽事件绑定到某个元素中吗？

    
<table>
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            ...
        </tr>
    </thread>
    <draggable element="tbody"
        :list="..."
        @update="..."
    >
        <transition-group name="myListAni">
            <tr v-for="(item,index) in ..." :key="index">
                <td></td>
                <td></td>
                <td></td>
                ...
            </tr>
        </transition-group>
    </draggable>
 </table>

Answer 1

options

handle: ".my-handle", // Drag handle selector within list items

//.drap-icon 就是触发拖拽的元素的class
<draggable :options="{group:'params',handle:'.drap-icon',animation:100}">