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
    },
回复
阅读 5.6k
2 个回答

兄弟,目前解决了吗?我现在也遇到这个问题了,ios微信下没问题,安卓微信目前oppo不行。

找到解决的方法了么?

推荐问题
宣传栏