【问题标题】:what is the event for Vue.Draggable un-choose?Vue.Draggable un-choose 的事件是什么?
【发布时间】:2018-12-19 02:44:41
【问题描述】:

我知道有可供选择的事件,但不确定我应该使用什么来取消选择/取消选择,对于我的用例,我不能使用 @end 事件。

<draggable :list="list" @choose ="onChoose">

这是我所指的文档。
https://github.com/SortableJS/Vue.Draggable#events

【问题讨论】:

  • FWIW,看起来 scrollablejs 会在物品掉落时触发“取消选择”事件,但似乎没有记录(因此使用风险自负)。您必须将“onUnchoose”传递给可拖动组件上的选项道具,因为 vue.draggable 不像其他事件那样处理它。

标签: javascript vue.js vuejs2 rubaxa-sortable vue.draggable


【解决方案1】:

如果您希望特定项目不可拖动,请使用 move 属性。 返回 false 将阻止项目被拖动:

function onMoveCallback(evt, originalEvent){
   ...
    // return false; — for cancel
}

【讨论】:

    【解决方案2】:

    应该是

    <draggable :list="list" @choose ="onChoose" @unchoose="onUnchoose">
    

    来自 Vue.Draggable 文档

    支持可排序事件:

    开始、添加、删除、更新、结束、选择、取消选择、排序、过滤、克隆

    【讨论】:

    • unchoose 事件在一年前不可用,即Jul 11 '18 当我问这个问题时。我不确定,也许现在已经添加了。谢谢。
    猜你喜欢
    • 2013-03-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多