03==》发送青丘,将值赋给data。
注意:赋值使用的是 _this.setData({ })
是以冒号的形式赋值,
提前保存好this
data: {
arrlistdata:[],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let _this=this; //提前保存this 否者回调函数中的this为 underfined
wx.request({
url: 'https://edu.51cto.com/center/seckill/index/get-seckill-data', //请求地址
success(res) {
//成功的回调
console.log(res.data)
console.log(this);//undefined 为什么 因为它是在回调函数中 所以是underfined
console.log(_this) //ge {__wxExparserNodeId__: "2f542287", __route__: "pages/list/list"}
// 将值赋值给data
_this.setData({
arrlistdata:res.data.data.start.goods_data
})
console.log(res.data.data.start.goods_data)
}
})
},
05==>在微信小程序上,图片的宽度不能够100%显示?
解决:父级元素宽度100%
图片宽度100%
<view class='imgbox'>
<image src="{{item.imgUrl}}" class="slide-image" width="750rpx" height="150"/>
</view>
.imgbox{ //父级元素宽度100%
width: 750rpx;
}
.slide-image{
width: 750rpx;
}
06==>数据渲染
<view wx:for="{{arrlistdata}}">
<view class='imgbox'>
<image src="{{item.imgUrl}}" class="slide-image" width="750rpx" height="140rpx"/>
</view>
<text>{{item.courseTitle}}</text>
<view class='pricebox'>
<view>现价:{{item.newPrice}}</view>
<view>原价:{{item.oldPrice}}</view>
</view>
</view>
07==》接受另一个页面传递过来的参数
<!-- 导航链接 -->
<navigator url="../list/list?a=123" hover-class="navigator-hover" wx:for="{{labs}}">
<view class='daohangbox'>
<text> {{item.title}}</text>
<text>></text>
</view>
</navigator>
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options) //{a: "123"} a是你刚刚传递的参数名 123是参数值
}
08===>如何动态传递参数
<navigator url="../list/list?url={{item.url}}" hover-class="navigator-hover" wx:for="{{labs}}">
<view class='daohangbox'>
<text> {{item.title}}</text>
<text>></text>
</view>
</navigator>
labs: [{ id: 1, title: "正在上映", url: "/a" }, { id: 3, title: "即将上架", url: "/b" }, { id: 3, title: "Top250", url: "/c" }]