微信小程序 -- wx:if 和 hidden

wx:if

<view wx:if="{{ false }}">1view>
<view wx:elif="{{ false }}">2view>
<view wx:else="{{ true }}">3view>

此结构类似于:

if () {  
} else if () {
} else { 
}

hidden

<view hidden="{{ false }}">1view>
<view hidden="{{ true }}">2view>
<view hidden>3view>

wx:if和hidden的区别:
wx:if和hidden都可实现元素的显示与隐藏,但原理不同,wx:if是对元素的添加和删除,hidden是修改dispaly属性来实现显示与隐藏,类同与vue中的v-if和v-show。

你可能感兴趣的:(笔记,小程序)