2018.07.06 11:43

微信小程序开发

微信小程序开发指南



路由回退后数据不刷新解决方案


1.用钩子函数onShow()方法获取onLoad一样的方法

/**
 * 生命周期函数--监听页面加载
 */
onLoad: function (options) {
	wx.request({
		url: `url`,
		data: {},
		method: 'GET',
		success: function (res) {

		},
		fail: function () {
			// fail
		},
		complete: function () {
			// complete
		}
	})
},
 //必须调用否则更新数据跳回来不能实时更新数据
 //修改成功后返回到pages/user/user 刷新数据
 onShow: function (options) {
		wx.request({
		url: `url`,
		data: {},
		method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
		success: function (res) {

		},
		fail: function () {
			// fail
		},
		complete: function () {
			// complete
		}
	})
},



wx:for 和wx:key 必须搭配使用否者 有警告


开发微信小程序用到"wx:for"时可能会在控制台报"Now you can provide attr "wx:key" for a "wx:for" to improve performance"警告

不要慌张这只是警告不妨碍运行,消除警告只需要在"wx:for"后面添加wx:key="xxx"就行了



<view class="goods-description clearfix">
    <span class="description">道具介绍</span>
    <div class="description-right">
      <div wx:for="{{goodsInfo.items}}" wx:key="{{item.itemName}}">
        <span class="sub-des">{{item.itemName}}</span>
        <span class="sub-des-num">{{item.num}}</span>
      </div>
    </div>
  </view>

DIY表情

(添加http或https协议)

提交评论

留言区 1