微信小程序的注意事项

后续遇到，保持更新

第一 wx:if和hidden

在微信小程序中，条件渲染有两种方式，一种是wx:if,另一种是hidden属性，区别在于：wx:if 显示隐藏是摧毁元素，hidden是使用css样式，display:none.因此在有hidden属性的标签上的样式不要用到display，以免冲突显示隐藏失效

<view wx:if="{{show===1}}">1</view>
<view wx:elif="{{show===2}}">2</view>
<view wx:else="{{show}}">3</view>

<view wx:if="{{false}}">隐藏wx:if</view>
<view hidden="">隐藏hidden</view>

第二 wx:for 注意事项

当循环数据是对象时，并且是多层嵌套循环时，要把wx:for-item,wx:for-index 加上，以免造成数据冲突

<view wx:for="{{list}}" wx:key="index">
  {{index}}---{{item.class}}
</view>

<view>-------------------</view>

<view wx:for="{{list}}" wx:key="index" wx:for-index="index" wx:for-item="item">
  {{index}}---{{item.class}}
  <view wx:for="{{list2}}" wx:key="index" wx:for-item="role" wx:for-index="childIndex">
  {{childIndex}}---{{role.name}}---{{role.role}}---{{role.class}}
</view>
</view>

第三 小程序中不支持

-不支持样式通配符*

-小程序中只能使用@import相对路径导入

第四 text标签注意事项

加上selectable，decode属性

第五 swiper的注意事项

• 外层容器swiper，每一个轮播项swiper-item
• swiper存在默认样式，width=100%，height=125px
• swiper的高度无法由内容撑开

第六 在父组件中引用组件

	不能包含大写字母