04发送请求,将值赋给data--动态传递参数

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" }]
上一篇:Linux下IP的存储位置


下一篇:Linux系统配置成简单的路由器