Linux 拨号vps windows公众号手机端

微信小程序如何使用其他页面的js

lewis 7年前 (2018-09-11) 阅读数 9 #VPS/云服务器

微信小程序使用其他页面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.js

varcommon=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);

}

})


版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门