鍍金池/ 問答/HTML5  HTML/ vuedraggable用在移動端,在安卓QQ瀏覽器及微信下與瀏覽器的滑動事件沖

vuedraggable用在移動端,在安卓QQ瀏覽器及微信下與瀏覽器的滑動事件沖突,有遇到過這種情況的伙伴嗎?

在iPhone上,無論是微信還是其他瀏覽器,都OK的,想過實(shí)現(xiàn)完美,但是在安卓里面,騰訊系的瀏覽器如微信內(nèi)置的瀏覽器和QQ瀏覽器都無法實(shí)現(xiàn)這個(gè)效果.
代碼如下

<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
    },
回答
編輯回答
孤客

兄弟,目前解決了嗎?我現(xiàn)在也遇到這個(gè)問題了,ios微信下沒問題,安卓微信目前oppo不行。

2017年10月27日 13:15
編輯回答
念舊

找到解決的方法了么?

2017年6月12日 12:44