vuedraggable用在移动端,在安卓QQ浏览器及微信下与浏览器的滑动事件冲突,有遇到过这种情况的伙伴吗?
在iPhone上,无论是微信还是其他浏览器,都OK的,想过实现完美,但是在安卓里面,腾讯系的浏览器如微信内置的浏览器和QQ浏览器都无法实现这个效果.
代码如下
<draggable v-model="tags" :move="getdata" @update="datadragEnd" :options="dragOption">
<!-- <transition-group> -->
<div v-for="(item,index) in tags" :key="index" class="dragDiv">
<panel :class="item.selected ? 'selected' : ''" :header="item.name" :list="item.list" :type="'5'" @click.native="panelClick(item)"></panel>
<img src="../../../static/images/close_red.png" class="close_red" v-show="editable" @click="DeleteItem(item,index)"/>
</div>
<!-- </transition-group> -->
</draggable>
dragOption: {
disabled: true
},
getdata (evt) {
console.log(evt.draggedContext.element.id)
},
datadragEnd (evt) {
console.log('拖动前的索引 :' + evt.oldIndex)
console.log('拖动后的索引 :' + evt.newIndex)
console.log(this.tags)
this.dragOption.disabled = true
for (let item of this.tags) {
item.selected = false
}
},
changeDrag () {
this.editable = !this.editable
},
panelClick (item) {
this.dragOption.disabled = !this.dragOption.disabled
item.selected = !item.selected
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
兄弟,目前解决了吗?我现在也遇到这个问题了,ios微信下没问题,安卓微信目前oppo不行。
找到解决的方法了么?