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" }]
