后续遇到,保持更新
第一 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的高度无法由内容撑开
第六 在父组件中引用组件
不能包含大写字母