微信小程序-hidden不生效原因及解決方案。微信官方文檔里有提到說hidden是所有組件都有的屬性，但我實(shí)際編碼中發(fā)現(xiàn)并不是這樣的！?。?！

例如如下布局：

<code class="xml">    <view hidden="true">        <text>text1</text>        <text>text2</text>    </view></code>

你會(huì)發(fā)現(xiàn)hidden沒生效。經(jīng)我實(shí)驗(yàn)發(fā)現(xiàn)hidden元素對(duì)塊狀布局才生效，所以這段代碼里導(dǎo)致hidden沒生效的罪魁禍?zhǔn)资莇isplay:flex。把這個(gè)去掉就可以了。

如果一定要用flex布局怎么辦？

其實(shí)這里想用hidden無(wú)非就是想影藏這個(gè)布局，display:none也能做到隱藏。這里可以用一個(gè)取巧的方法，動(dòng)態(tài)設(shè)置display屬性，示例如下：

<code class="django">    <view hidden="true">        <text>text1</text>        <text>text2</text>    </view></code>

這里的hideview是在對(duì)應(yīng)的js里是一個(gè)變量，由js來(lái)動(dòng)態(tài)控制。

后話

hidden隱藏布局，雖然隱藏了，但是還是會(huì)占空間。
display:none隱藏不占據(jù)空間。