Vue.js 如何使用Vue.Draggable禁用对特定元素的拖动

如何设置只有

.btn drag

可以拖动整行？我正在使用

目前，我还可以使用

按钮#选项

进行拖动，这是不需要的

    <draggable v-model="textElements">
        <transition-group>
            <div class="is-draggable" v-for="element in textElements" :key="element.text">
                <div>
                    {{ element.text }}
                </div>
                <button class="btn btn-transparent">Options</button>
                <button class="btn btn-transparent btn-drag">Drag</button>
            </div>
        </transition-group>
    </draggable>

---

log（evt）显示了这一点，但我不确定我可以使用哪个属性来精确定位拖动的起始点，该功能称为“句柄”

---

handle

选项应该有帮助。

从2.19版开始，您可以使用

<draggable handle=".handle">

---

此处，类为“item”的元素只能拖动， 可以这样指定draggable=“.item”usign draggable标记内的draggable选项

<draggable v-model="myArray" draggable=".item">
<div v-for="element in myArray" :key="element.id" class="item">
    {{element.name}}
</div>
<button slot="header" @click="addPeople">Add</button>

{{element.name}
添加

谢谢，这是一个解决方案：

<draggable v-model="myArray" draggable=".item">
<div v-for="element in myArray" :key="element.id" class="item">
    {{element.name}}
</div>
<button slot="header" @click="addPeople">Add</button>