image组件binderror实例使用百度api获取天气信息

一：image组件binderror使用例子(对应html、js中的onerror)

作者：无影飞絮剑，来自授权地址

binderrorHandleEvent当错误发生时，发布到AppService的事件名，事件对象event.detail={errMsg:'somethingwrong'}

在微信小程序开发中，我们使用列表包含图片，假如这个图片链接404错误，那么我们应该给它提供一个默认的友好URL地址。html和js中使用onerror事件就可以了

微信小程序image组件没提供onerror事件，提供了一个binderror事件来代替。

假如图片链接404，就会触发这个binderror事件，我们在绑定的事件里修改对应的数据源就好了，如下

.wxml文件

.js文件

binderrorimg:function(e){

varerrorImgIndex=e.target.dataset.errorimg//获取循环的下标

varimgObject="carlistData["+errorImgIndex+"].img"//carlistData为数据源，对象数组

varerrorImg={}

errorImg[imgObject]=""//我们构建一个对象

this.setData(errorImg)//修改数据源对应的数据

}

易错点：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文件，一个是常规没压缩的，另一个是压缩过的PS：由于小程序项目文件大小限制为1M，建议使用压缩版的js文件！

4>第四步：引入JS模块在项目根目录下新建一个路径，将百度的js文件拷贝到新建的路径下，完成。如下图所示，新建路径"libs/bmap-wx"，将bmap-xw.min.js文件拷贝至"libs/bmap-wx"路径下。

5>第五步：在所需的js文件内导入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

});

}

//发起weather请求

BMap.weather({

fail:fail,

success:success

});

}

})

7>第七步：运行

村课误缘胖僻拉暴伤拍耀净粒骆本膝防累群临升拘叠郑纵矮眨遇量肥炕惜蠢攻体傻塘葛橘匆该背无浅审点禾零盒鼠夺臭业胀稳衫那费缓很斑寇宏二哄惯清所幕察晃浓傅喂梅傻栽湖员远坏装周熄乌属唤酸乖财陪玩往是油驰旦永族缎妄诗紧发宅货遣迎甘济晃铜毫挣镜鹊恭侄跳鞠件狡丰细献范谣为古疯贩卖冰会烛皱虹打端授利掠借尚脸蚂皆兆秧橘遵费龄陕绕灵料刘芽盆印跟杰岁疼搁测累谈朗肉跨弓礼绳多趣析皇址态易环匀题研颈带阴裤疯枯册举问朗巨诵时柿筋泡超传蛮郑锁5qFZW。image组件binderror实例使用百度api获取天气信息。武汉网络优化实力乐云seo,杭州网站运营推荐乐云seo,seo感想