微信小程序如何使用其他页面的js
微信小程序使用其他页面js的案例:
1.封装独立公共js。
//common.js封装的函数functionqueryExp(result){
wx.request({
url:'http://t.weather.sojson.com/api/weather/city/101030100',
method:'get',
data:{},
success:function(res){
vard=res.data.data;
console.log(d);
result(d);
}
})
}
//转化成小程序模板语言这一步非常重要不然无法正确调用
module.exports={
queryExp:queryExp
};
2.在其他页面引用。
//index.jsvarcommon=require("../../js/common.js");
Page({
/**
*页面的初始数据
*/
data:{
shidu:"",//湿度
pm25:0,//pm2.5
pm10:0,//pm10
quality:"",//空气质量
wendu:"",//温度
ganmao:"",//感冒提醒(指数)
show:false
},
btnClick:function(){
console.log("点击了按钮"+newDate())
},
view1Clcik:function(e){
console.log("view1Clcik"+newDate())
console.log(e);
},
view2Clcik:function(){
console.log("view2Clcik"+newDate())
},
view3Clcik:function(e){
console.log("view3Clcik"+newDate())
console.log(e);
},
btnQuery:function(){
varthat=this;
common.queryExp(function(result){
console.log(result);
that.setData({
shidu:result.shidu,//湿度
pm25:parseFloat(result.pm25),//pm2.5
pm10:parseFloat(result.pm10),//pm10
quality:result.quality,//空气质量
wendu:result.wendu,//温度
ganmao:result.ganmao,//感冒提醒(指数)
show:true
});
})
},
inputChange:function(e){
console.log(e);
}
})
版权声明
本文仅代表作者观点,不代表米安网络立场。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。