在小程序开发工具中新建的page如下,并创建home-model类对象的js文件
在home-model.js中的类大致结构如下,注意一下两点
- 引入其他的js类使用import 关键字
- 要想让其他对象可以使用这个类要用exprot关键字
import {Base} from '../../utils/base.js';
class Home extends Base{
constructor(){
super();
}
};
export {Home};
要想在home.js中调用,实现调用如下:
import { Home } from 'home-model.js';
var home = new Home(); //实例化 首页 对象
Page({
data: {
loadingHidden: false
},
onLoad: function () {
this._loadData();
},
/*加载所有数据*/
_loadData:function(callback){
var that = this;
// 获得bannar信息
home.getBannerData((data) => {
that.setData({
bannerArr: data,
});
});
/*获取主题信息*/
home.getThemeData((data) => {
that.setData({
themeArr: data,
loadingHidden: true
});
});
/*获取单品信息*/
home.getProductorData((data) => {
that.setData({
productsArr: data
});
callback&&callback();
});
},
/*跳转到商品详情*/
onProductsItemTap: function (event) {
var id = home.getDataSet(event, 'id');
wx.navigateTo({
url: '../product/product?id=' + id
})
},
/*跳转到主题列表*/
onThemesItemTap: function (event) {
var id = home.getDataSet(event, 'id');
var name = home.getDataSet(event, 'name');
wx.navigateTo({
url: '../theme/theme?id=' + id+'&name='+ name
})
},
/*下拉刷新页面*/
onPullDownRefresh: function(){
this._loadData(()=>{
wx.stopPullDownRefresh()
});
},
})