vuedraggable用在移动端,在安卓QQ浏览器及微信下与浏览器的滑动事件冲突,有遇到过这种情况的伙伴吗?

发布于 2022-09-07 11:33:01 字数 1313 浏览 24 评论 0

在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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

风透绣罗衣 2022-09-14 11:33:01

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

自演自醉 2022-09-14 11:33:01

找到解决的方法了么?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文