APP字母表隨手指拖動切換城市

2021-10-02 08:47:34 字數 978 閱讀 8437

*設定三個引數touchstart touchmove touchend對應手指放上,拖動,離開的時候的引數,對應三個函式`

="list"

>

="item"

v-for=

"item of letters"

:key=

"item"

@touchstart=

"handletouchstart"

@touchmove=

"handletouchmove"

@touchend=

"handletouchend"

@click=

"handleletterclick"

:ref=

"item"

>

}<

/li>

<

/ul>

因為cities為物件,故用computed方法建立陣列,迴圈

export

default

, computed:

return letters

}},data()

},updated()

, methods:

,handletouchstart()

,handletouchmove

(e)this

.timer =

settimeout((

)=>},

16)}}

,handletouchend()

}}

注意其中生命週期鉤子updated的用法,定義clienty為0後,重新渲染時定好確定dom元素的offsettop值,優化軟體效能

settimeout(() >= {},16)以及涉及timer設定null後消除值的做法,函式節流大大提高軟體效能

希臘字母表

序號大寫 小寫英文注音 國際音標注音 中文注音意義1 alpha a lf 阿爾法角度 係數2 beta bet貝塔 磁通係數 角度 係數3 gamma ga m 伽馬電導係數 小寫 4 delta delt 德爾塔變動 密度 屈光度5 epsilon ep silon 伊普西龍 對數之基數6 ze...

希臘字母表

在工程實踐中,那些公式經常需要用到希臘字母,為了便於記憶就直接copy了。希臘字母表 阿拉伯大寫 小寫國際音標注音 英文中文注音意義1 lf alpha 阿爾法角度,係數,角加速度2 bi t 或 be t beta 貝塔磁通係數,角度,係數3 g m gamma 伽馬電導係數,角度,比熱容比4 d...

希臘字母表

其實在網上都有,不過要不就是不全,要不就是有錯的。我整理得好累呀。不廢話了,上酸菜 1.阿爾法 alpha lfa 2.貝塔 beta bi t beit 3.伽瑪 gamma g m 4.德爾塔 delte delt 5.艾普西龍 epsilon epsil n ep sail n 6.捷塔 ze...