微信小程序开发总结

1、微信小程序双重for循环

可以通过 wx:for-item 来指定取值
wx:for-index 指定index

<van-tabs active="{{ active }}" bind:change="onTabChange" swipeable sticky  class="tabs" tab-active-class="chooseTab">
  <van-tab title="{{cell.label}}" wx:for="{{tabList}}" wx:for-item="tab" wx:key="index">
    <block wx:for="{{list}}" wx:key="index">
      <com-ansterList data="{{item}}" isTop="{{tab.isTop}}" bind:onAnsClick="onAnsClick"/>
    </block>
</van-tabs>

2、遇到回车换行问题

1.利用<text>的space属性

值	说明
ensp	中文字符空格一半大小
emsp	中文字符空格大小
nbsp	根据字体设置的空格大小

<!-- 切记内容一定要紧跟标签之后 -->
<text space='ensp'>这个是换行内容/n内容很不错哦哦哦</text>

<!-- 这样会首行出现空格，找了半天找出的... -->
<text space='ensp'>
	这个是换行内容/n内容很不错哦哦哦
</text>

2.利用css属性white-space

值	描述
normal	空白会被浏览器保留。其行为方式类似 HTML 中的 标签
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 标签为止
pre-wrap	保留空白符序列，但是正常地进行换行
pre-line	合并空白符序列，但是保留换行符
inherit	规定应该从父元素继承 white-space 属性的值

<view style="white-space: pre-wrap">值一定要跟在标签后/n 不然首行不会置顶</view>

3、操作数组中具体数据

let name = `list[${num}].resourceVOList[${resNum}].isComplate`
console.log(name)
 this.setData({
     [name]: 1
 })

4、操作上个页面数据

changePage () {
    let pages = getCurrentPages();
    if (pages.length > 1) {
      //上一个页面实例对象 
      let prePage = pages[pages.length - 2];
      //关键在这里,这里面是触发上个界面的方法 
      prePage.isFinish(this.data.taskId, this.data.id)
    }
  },

5、设置下拉刷新背景色

wx.setBackgroundColor({
  backgroundColor: '#FFC240', // 安卓
  backgroundColorTop: '#FFC240', // 兼容ios
  backgroundColorBottom: '#FFC240', // 兼容ios
})