我們寫頁(yè)面時(shí)經(jīng)常需要實(shí)現(xiàn)類似根據(jù)城市首字母找到對(duì)應(yīng)城市的功能。之前在html中可以利用給元素添加id的方法,通過(guò)a標(biāo)簽錨鏈接到頁(yè)面對(duì)應(yīng)位置。如
< a href ="a.html#first">從其他頁(yè)面跳轉(zhuǎn)到a.html頁(yè)面的#first處 a>
但是在使用avm框架的時(shí)候發(fā)現(xiàn),框架不支持使用a標(biāo)簽,更不支持錨鏈接了,只能找尋其他方法。
看了一下官網(wǎng),發(fā)現(xiàn)avm所提供的scroll-view組件中有提供一些方法幫助實(shí)現(xiàn)此功能。
scroll-view組件的scroll-into-view屬性,可以通過(guò)設(shè)置子元素id的方法滾動(dòng)到該元素所在位置。
后端返回的接口類似這樣的格式。所以要取到子元素id需要用到Object.keys方法,有關(guān)Object.keys的內(nèi)容可以點(diǎn)擊此鏈接>>查看。
將子元素的id設(shè)置為首字母。通過(guò)改變scroll-into-view屬性的值滾動(dòng)到所在位置。
這樣便可以實(shí)現(xiàn)類似錨鏈接的功能。