微信小程序新手教程之估價(jià)系統(tǒng)代碼示例，本篇默認(rèn)已經(jīng)成功安裝微信小程序工具，來(lái)和小編一起看看吧

微信小程序-估價(jià)系統(tǒng)-車(chē)輛品牌款式等-三級(jí)菜單

車(chē)標(biāo)

省份-城市-二級(jí)菜單

(二三級(jí)菜單首先考慮使用微信小程序的數(shù)據(jù)緩存，但在不刷新的情況下緩存數(shù)據(jù)永遠(yuǎn)是上一次保存的。

今天更新了微信小程序開(kāi)發(fā)工具版本，發(fā)現(xiàn)寫(xiě)了數(shù)據(jù)緩存的代碼之后后面的跳轉(zhuǎn)語(yǔ)句不能執(zhí)行無(wú)法跳轉(zhuǎn)。

打算放棄數(shù)據(jù)緩存的方式，想到另一種是在數(shù)組中加上跳轉(zhuǎn)的目標(biāo)地址然后直接跳過(guò)去，這樣的弊端在于需要加上許多的頁(yè)面比如一個(gè)省下的城市頁(yè)面幾十個(gè)省要幾十個(gè)頁(yè)面，忽然靈光一閃，考慮是否可以跳轉(zhuǎn)中攜帶數(shù)據(jù)?馬上進(jìn)行嘗試。

!!!!我的天，我之前看官方文檔都是睡覺(jué)去了嗎。。。navigateTo的url里是可以帶參數(shù)的，我沒(méi)看到!!!

!!!!!!!!!!!!!就算沒(méi)看到以前寫(xiě)過(guò)的js都是做夢(mèng)去了嗎!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

我成功了，喜極而泣。)

最終代碼：

toCity:function(e){

var index=e.currentTarget.dataset.hi;

var arr=this.data.provinceList[index].city;

wx.navigateTo({

url:"../city/city?cityList="+arr

})

}

跳轉(zhuǎn)的時(shí)候url鏈接里把要傳的數(shù)據(jù)加上就可以，我想傳的數(shù)據(jù)是數(shù)組arr

在跳轉(zhuǎn)目標(biāo)的js文件里用以下代碼獲得數(shù)據(jù)

Page({

onLoad:function(options){

this.setData({

cityList:options.cityList.split(",")

})

}

})

因?yàn)橹苯佑胦ptions.cityList得到的是字符串我用split轉(zhuǎn)換成了數(shù)組。完美有木有。/(ㄒoㄒ)/~~所以當(dāng)初為什么沒(méi)有仔細(xì)看官方文檔

下面就跟大家推薦一個(gè)有趣好玩的微信小程序：嗨圖

嗨圖功能

1、專(zhuān)題——DIY圖片的模板，點(diǎn)擊可以生成使用，分享到朋友圈。

2、分享墻——用戶(hù)上傳的自己DIY作品。

3、立即制作——可以用自己的圖來(lái)DIY。

4、告訴我——告訴產(chǎn)品的改進(jìn)，內(nèi)容的增加。

想要體驗(yàn)怎么制作屬于自己個(gè)性朋友圈照片的用戶(hù)，掃一掃下面的二維碼就可以啦!還等什么，趕緊掃碼體驗(yàn)，開(kāi)啟你的嗨圖之旅吧!