微信小程序部分常用知识汇总

跳转

非tab页跳转 navigateTo

    wx.navigateTo({
      url: '/pages2/user-certification/user-certification'
    })

tab页的跳转 switchTab

    wx.switchTab({
      url: `/pages/tasks/tasks`
    });

页面重定向 redirectTo

wx.redirectTo({ 
    url: `/pages/index/index` 
});

返回上一页 navigateBack

wx.navigateBack({
    delta: 1
})    

 

修改上一页数据（传递参数到上一页）

var pages = getCurrentPages();
var currPage = pages[pages.length - 1];   //当前页面
var prevPage = pages[pages.length - 2];  //上一个页面

//直接调用上一个页面对象的setData()方法，把数据存到上一个页面中去
prevPage.setData({
  "cardsDetail.school": this.data.school
});

 

跳转页面参数传递与接收

wx.navigateTo({ // 传递
    url: `/pages2/graduate-school/graduate-school?id=${self.data.id}&school=${self.data.cardsDetail.school}`,
})

onLoad: function(options) { // 接收
  console.log('毕业院校', options)
  this.setData({
    id: options.id - 0,
    school: (options.school != 'null') ? options.school : ''
  })
},

 

同时设置固定class与动态class

<view class="swiper-outbox {{userType == 'boss'?'':'customer-outbox'}}"></view>

 

字体图标icon-font改变颜色

<text class='iconfont icon-atm' style='color : blue;background: red;'></text>

 

小程序的双层wx:for循环

　　　　　<view wx:for="{{enterpriseInfo}}" wx:for-index="index" wx:key="index" class="com-li-box">

          <view class="com-li-bottom">
         
            <view wx:if="{{item.imgs.length > 0}}" class="li-bot-imgs">
              <view wx:for="{{item.imgs}}" wx:for-item="imgs" wx:for-index="indexs" wx:key="indexs" class="li-img-box">
                <image class="li-bot-img" src="{{imgs.url}}"></image>
              </view>
            </view>

          </view>

        </view>