image組件binderror實例使用百度api獲取天氣信息

一：image組件binderror使用例子(對應html、js中的onerror)

作者：無影飛絮劍，來自授權地址

binderrorHandleEvent當錯誤發(fā)生時，發(fā)布到AppService的事件名，事件對象event.detail={errMsg:'somethingwrong'}

在微信小程序開發(fā)中，我們使用列表包含圖片，假如這個圖片鏈接404錯誤，那么我們應該給它提供一個默認的友好URL地址。html和js中使用onerror事件就可以了

微信小程序image組件沒提供onerror事件，提供了一個binderror事件來代替。

假如圖片鏈接404，就會觸發(fā)這個binderror事件，我們在綁定的事件里修改對應的數(shù)據(jù)源就好了，如下

.wxml文件

.js文件

binderrorimg:function(e){

varerrorImgIndex=e.target.dataset.errorimg//獲取循環(huán)的下標

varimgObject="carlistData["+errorImgIndex+"].img"http://carlistData為數(shù)據(jù)源，對象數(shù)組

varerrorImg={}

errorImg[imgObject]=""http://我們構建一個對象

this.setData(errorImg)//修改數(shù)據(jù)源對應的數(shù)據(jù)

}

易錯點：this.setData({"carlistData["+errorImgIndex+"].img"：對象})類似這樣的就不正確了

二：微信小程序使用百度api獲取天氣信息

作者：michael_ouyang，來自授權地址下面介紹使用百度api來獲取天氣信息。

1>第一步：先到百度開放平臺申請ak?title=wxjsapi/guide/key

申請到ak后，在我的應用里就能查看到

2>第二步：配置你的request合法域名配置域名請到微信公眾平臺的后臺里設置

3>第三步：下載百度地圖的api，鏈接：微信小程序JavaScriptAPIv1.0.zip

解壓后，里面有2個js文件，一個是常規(guī)沒壓縮的，另一個是壓縮過的PS：由于小程序項目文件大小限制為1M，建議使用壓縮版的js文件！

4>第四步：引入JS模塊在項目根目錄下新建一個路徑，將百度的js文件拷貝到新建的路徑下，完成。如下圖所示，新建路徑"libs/bmap-wx"，將bmap-xw.min.js文件拷貝至"libs/bmap-wx"路徑下。

5>第五步：在所需的js文件內(nèi)導入js//引用百度地圖，注重：require傳入一個相對路徑varbmap=require('/libs/bmap-wx/bmap-wx.js');

6>第六步：編輯代碼注重：此處樓主使用的ak是隨便寫的，同學們需要自行申請！！！xxx.wxml：

{{weatherData}}

{{item.date}}

{{item.temperature}}

{{item.weather}}

{{item.wind}}

xxx.js：

//引用百度地圖微信小程序JSAPI模塊

varbmap=require('/libs/bmap-wx/bmap-wx.min.js');

Page({

data:{

ak:"FHG7utZtdyXN23W",

weatherData:'',

futureWeather:[]

},

onLoad:function(options){

varthat=this;

//新建bmap對象

varBMap=newbmap.BMapWX({

ak:that.data.ak

});

varfail=function(data){

console.log(data);

};

varsuccess=function(data){

console.log(data);

varweatherData=data.currentWeather[0];

varfutureWeather=data.originalData.results[0].weather_data;

console.log(futureWeather);

weatherData='城市：'+weatherData.currentCity+'

'+'PM2.5：'+weatherData.pm25+'

'+'日期：'+weatherData.date+'

'+'溫度：'+weatherData.temperature+'

'+'天氣：'+weatherData.weatherDesc+'

'+'風力：'+weatherData.wind+'

';

that.setData({

weatherData:weatherData,

futureWeather:futureWeather

});

}

//發(fā)起weather請求

BMap.weather({

fail:fail,

success:success

});

}

})

7>第七步：運行

村課誤緣胖僻拉暴傷拍耀凈粒駱本膝防累群臨升拘疊鄭縱矮眨遇量肥炕惜蠢攻體傻塘葛橘匆該背無淺審點禾零盒鼠奪臭業(yè)脹穩(wěn)衫那費緩很斑寇宏二哄慣清所幕察晃濃傅喂梅傻栽湖員遠壞裝周熄烏屬喚酸乖財陪玩往是油馳旦永族緞妄詩緊發(fā)宅貨遣迎甘濟晃銅毫掙鏡鵲恭侄跳鞠件狡豐細獻范謠為古瘋販賣冰會燭皺虹打端授利掠借尚臉螞皆兆秧橘遵費齡陜繞靈料劉芽盆印跟杰歲疼擱測累談朗肉跨弓禮繩多趣析皇址態(tài)易環(huán)勻題研頸帶陰褲瘋枯冊舉問朗巨誦時柿筋泡超傳蠻鄭鎖5qFZW。image組件binderror實例使用百度api獲取天氣信息。武漢網(wǎng)絡優(yōu)化實力樂云seo,杭州網(wǎng)站運營推薦樂云seo,seo感想