swiper是微信小程序自帶的一個圖片輪播組件，跟我們做網(wǎng)站用的圖片切換插件一樣，用于輪播展示圖片，可以展示應(yīng)用功能、優(yōu)勢特色、優(yōu)惠推薦、活動推薦信息等，一般用于應(yīng)用最顯眼的地方，放置最需要推薦給用戶的內(nèi)容。



先看看這個插件的屬性介紹，很多用戶發(fā)現(xiàn)一個問題，為什么沒有單個點擊事件呢？或者點擊某個圖片跳轉(zhuǎn)到其他頁面呢？看下圖。



那么如何實現(xiàn)點擊不同的切換圖片，實現(xiàn)調(diào)整不同頁面呢？

因為這些經(jīng)常需要改變的肯定要做成后臺修改，由后臺指定頁面的跳轉(zhuǎn)地方，因為小程序跟網(wǎng)頁不一樣，沒有直接顯示頁面地址，所以管理人員不知道哪個頁面是哪個地址，這時，開發(fā)人員應(yīng)該注意到這個問題，做一些封裝讓管理人員選擇而不是填寫，避免出錯，如下圖。





后臺設(shè)置好后，就可以根據(jù)傳入的URL實現(xiàn)跳轉(zhuǎn)，現(xiàn)在看看前端怎么實現(xiàn)。



如上圖，在圖片image里設(shè)置bindtap點擊事件，同事綁定dataset屬性url

然后小程序JS事件判斷進行跳轉(zhuǎn)，首先是判斷是不是TAB頁面，如果是采用switchTab否則用navigateTo.



通過以上介紹，基本就完成了小程序swiper組件進行自定義頁面跳轉(zhuǎn)的功能實現(xiàn)。

方維網(wǎng)絡(luò)專注于微信小程序定制開發(fā)，如果你有想法，方維網(wǎng)絡(luò)助你實現(xiàn)把握微信千億流量紅利。