作者:Sunny玄子,來自原文地址
例如如下布局:
<view hidden="true" style="display:flex;flex-direction: row;">
<text>text1</text>
<text>text2</text>
</view>
你會(huì)發(fā)現(xiàn)hidden沒生效。經(jīng)我實(shí)驗(yàn)發(fā)現(xiàn)hidden元素對塊狀布局才生效,所以這段代碼里導(dǎo)致hidden沒生效的罪魁禍?zhǔn)资莇isplay:flex。把這個(gè)去掉就可以了。
其實(shí)這里想用hidden無非就是想影藏這個(gè)布局,display:none也能做到隱藏。這里可以用一個(gè)取巧的方法,動(dòng)態(tài)設(shè)置display屬性,示例如下:
<view hidden="true" style="display:{{hideview ? none : flex}};flex-direction: row;">
<text>text1</text>
<text>text2</text>
</view>
這里的hideview是在對應(yīng)的js里是一個(gè)變量,由js來動(dòng)態(tài)控制。
hidden 隱藏布局,雖然隱藏了,但是還是會(huì)占空間。 |