最近用美團的開源框架mpvue開發(fā)微信小程序，包容原生和vue語法的情況下测秸，總結(jié)下項目中的一些小知識點。
Tips:
1.vue放冒泡事件 @click.stop
2.選擇當前元素瞬浓，出點擊效果（背景色惠遏、字體色）
@click="click(item,index)"? 設個當前選中currentIndex,不選中也可以然它值為空
綁定動態(tài)類名 :class="{'active' : currentIndex === index}"
當currentIndex == index時點擊效果就出來了
3.小程序swiper組件，禁止手動滑動
我在項目中做的是tab欄的樣式
如圖拄养，后來發(fā)現(xiàn)先滾動swiper离斩，上面的tab欄并不關聯(lián)
所以用catchTouchMove來阻止滑動
在swiper-item上綁定?catchTouchMove=“catchTouchMove”
方法里面：?
catchTouchMove（）{ return false}
這樣就大功告成
4.刷選框的升級版
需求如圖
上下箭頭都是圖片，點擊變紅色瘪匿，加載相應的數(shù)據(jù)
用的思路比較笨跛梗，代碼冗長，因為后面要用到棋弥，提取成了一個公共組件
這里布局用的ul包3個li
li里面的3個span標簽分別是3個樣式
1.兩個黑色箭頭 2.點擊上箭頭的效果 3.點擊下箭頭的效果
默認加載的數(shù)據(jù)未未選中狀態(tài)核偿，箭頭都是黑色
舉例：
1.當點擊熱門時，下箭頭高亮的span標簽顯示顽染，其他兩個span隱藏漾岳，這個效果做成取反
再點擊時熱門是聂薪，上箭頭高亮，隱藏其他蝗羊，這個效果做成上一條的取反
同
理藏澳，評分價格一樣的思路
mark1為未點擊狀態(tài)，show1為下箭頭高亮耀找，show2為上箭頭高亮
代碼如上
好了今天更到這里翔悠。。
后續(xù)再補充
