vue touch不支援vue2 0的替換方法

2022-07-16 10:27:12 字數 1767 閱讀 4595

當你想用vue-touch時,卻發現官網這句話

touch events plugin for vue.js. this plugin does not support vue 2.0 yet.

但是卻找不到好的替換方案,只能自己硬著頭皮上了。

我這邊有乙個不成熟的解決方案:

自己寫v-touch指令

長按 press,向上 swipeup,向下 swipedown,向左swipeleft,向右 swiperight

使用 v-touch:swiperight="methodfunc"。

vue指令 touch 使用bind,

通過對touchstart touchmove touchend 的判斷,執行對應的事件。

main.js 引用

import vue from 'vue'

import directives from './directives'

...

directives(vue)

directives.js

export default(vue) =>

//根據起點和終點返回方向 1:向上,2:向下,3:向左,4:向右,0:未滑動

function

getslidedirection(startx, starty, endx, endy)

var angle =getslideangle(dx, dy);

if (angle >= -45 && angle < 45)

else

if (angle >= 45 && angle < 135)

else

if (angle >= -135 && angle < -45)

else

if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135))

return

result;

}el.addeventlistener('touchstart', function

(ev)

} , 500);

}, false

); el.addeventlistener('touchmove' , function

(ev) );

el.addeventlistener('touchend', function

(ev)

break

;

case 'swipedown':

if(touchtype === 'swipedown')

break

;

case 'swipeleft':

if(touchtype === 'swipeleft')

break

;

case 'swiperight':

if(touchtype === 'swiperight')

break

;

default

: }

}, false

); }

})}

以上方案還有待完善,但是對於遇到vue2.0想使用移動端事件,這個方案還是可以頂替的。

mysql不支援 MySQL不支援的特性

mysql 1 不支援物化檢視。2 不支援位圖索引。3 不支援並行查詢。4 不支援雜湊關聯,mysql的所有關聯都是巢狀迴圈關聯。不過,可以通過建立乙個雜湊索引來曲線實現。5 不允許對同一表同時進行查詢和更新。報錯 update tb1 as outer tb1 set cnt select cou...

rsyslog input 不支援變數

input type imfile file usr local apache tomcat 7.0.55 8082 logs localhost access log.txt tag zjzc api access01 severity info facility local5 不支援這種寫法 i...

linux vi 不支援中文

問題說明 網頁html與chi語言的結合,使用c語言輸出html語句,因為其中用到中文,出現亂碼 問題解決 1.在cgi中用到的 使用utf 8編碼,utf 8是國際統一的中文編碼 具體語句為 fprintf cgiout,metacharset utf 8 參考文章 2.上述步驟完成後,重新編譯,...