微信小程式中hidden屬性不生效

開發中運用卻沒有生效，原因是hidden屬性隻針對`塊元素`起作用...

​​官方文檔-條件渲染​​

​

​wx:if​

​​ vs ​

​hidden​

​

因為 ​

​wx:if​

​​ 之中的模闆也可能包含資料綁定，是以當 ​

​wx:if​

​ 的條件值切換時，架構有一個局部渲染的過程，因為它會確定條件塊在切換時銷毀或重新渲染。

同時 ​

​wx:if​

​ 也是惰性的，如果在初始渲染條件為 ​

​false​

​，架構什麼也不做，在條件第一次變成真的時候才開始局部渲染。

相比之下，​

​hidden​

​ 就簡單的多，元件始終會被渲染，隻是簡單的控制顯示與隐藏。

一般來說，​

​wx:if​

​​ 有更高的切換消耗而 ​

​hidden​

​​ 有更高的初始渲染消耗。是以，如果需要頻繁切換的情景下，用 ​

​hidden​

​​ 更好，如果在運作時條件不大可能改變則 ​

​wx:if​

​ 較好。

但實際開發中運用卻沒有生效。

原來​​

​hidden​

​​屬性隻針對​

​塊元素​

​起作用，可能是因為樣式中使用了display:flex;

解決方法：

（1）将display:flex;修改掉；

（2）将block換成view,style="display:none;";