使用v-on:swipe="onSwpie(item)"監(jiān)聽(tīng)手勢(shì)的變化，請(qǐng)問(wèn)如何取得當(dāng)前手勢(shì)滑動(dòng)方向。官方說(shuō)在回調(diào)中可以獲得：以下屬性可以在手勢(shì)的回調(diào)中使用：direction：僅在 swipe 手勢(shì)中存在，返回滑動(dòng)方向，返回值可能為 up, left, bottom, right。
changedTouches：一個(gè)數(shù)組，包含了當(dāng)前手勢(shì)的觸摸點(diǎn)的運(yùn)動(dòng)軌跡嘗試未果，
2 回答
阿波羅的戰(zhàn)車
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊
場(chǎng)景：列表的cell向左滑動(dòng)出現(xiàn)操作按鈕。關(guān)鍵代碼如下：
<cell class="bui-cell" v-for="(item,index) in listData" v-on:swipe="onSwipe($event,item)"> ... </cell>
注意這里不僅僅要用到swipe事件的回調(diào)，也需要給onSwipe傳入列表數(shù)據(jù)，需要增加個(gè)$event，在這個(gè)對(duì)象里面才能夠獲取到回調(diào)屬性。
"onSwipe":function (event,item) {
console.log(">>>>>>>>>>")
console.log(event);
console.log(event.direction);}這樣就可以根據(jù)獲取到swipe的方向了。如果只是v-on:swipe="onSwipe()"也會(huì)有個(gè)event，但如果需要傳入額外的參數(shù)，就得主動(dòng)傳個(gè)$event進(jìn)去，vue里面的事件對(duì)象
- 2 回答
- 0 關(guān)注
- 931 瀏覽
添加回答
舉報(bào)
0/150
提交
取消