sortable.js在移动端使用,无法拖拽是什么原因?

静修丶
  • 1.3k
var el = document.getElementById('items');
var sortable = new Sortable(el,{
    sort: true,
    animation: 300,
});
<grid :cols="2" id="items">
    <grid-item v-for="(item,index) in yxData" :key="index">
        <div slot="label">
            {{item.data}}
        </div>
        <div slot="label">
            {{item.label}}
        </div>
    </grid-item>
</grid>

在chrome模拟器上可以拖拽,但在安卓浏览器上无法拖拽,并且长按出现 选择复制 菜单,请问解决方法。

回复
阅读 2.9k
1 个回答

sortable.js的实现利用的是HTML5的几个drag and drop接口,
但都没有在移动端实现
这是我查的dragstart接口:

clipboard.png

https://developer.mozilla.org...

另外: PC端Chrome模拟毕竟还是在电脑上(交互方式的不同。一个是鼠标,一个是触摸)
移动端的交互方式(触摸),决定了拖拽效果不可能在移动端实现。(至少,现在看不到有实现的可能)
你知道吗?

宣传栏