本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于条件渲染的相关内容,所谓条件渲染就是判断是否要把代码渲染到展示页面上,下面一起来看一下,希望对大家有帮助。
微信小程序】



<view wx:if="{{condition}}">true<view>
登录后复制<view wx:if="{{type===1}}">组件1</view><view wx:elif="{{type===2}}">组件2</view><view wx:else>组件3</view>
登录后复制<block wx:if="{{true}}">
<view> view1 </view>
<view> view2 </view></block>
登录后复制<view hidden="{{false}}">当条件为true时则会隐藏该元素</view>
登录后复制
<view wx:if="{{condition}}">true<view>
<view wx:if="{{type===1}}">组件1</view><view wx:elif="{{type===2}}">组件2</view><view wx:else>组件3</view>
<block wx:if="{{true}}"> <view> view1 </view> <view> view2 </view></block>
<view hidden="{{false}}">当条件为true时则会隐藏该元素</view>
以上就是十分钟搞定小程序的条件渲染的详细内容,更多请关注代码网其它相关文章!
发表评论