錯誤:
.index-hd
正確:
.index-hd
或者
.index-hd
例如如下布局:
"true" style="display:flex;flex-direction: row;">
text1
text2
你會發現hidden
沒生效。經我實驗發現hidden
元素對塊狀布局才生效,所以這段**裡導致hidden
沒生效的罪魁禍首是display:flex
。把這個去掉就可以了。
"true" style="flex-direction: row;">
text1
text2
錯誤用法:
wx
:hidden="true" style="flex-direction: row;">
text1
text2
按照我的理解:display:none
和hidden
的作用一樣,顯示出來的結果是一致的,都是隱藏。
display:none
: 隱藏,不佔空間
hidden
: 隱藏,占用空間
hidden
可以進行動態繫結,可以使用wx:if
}" style="
flex-direction
: row;">hello
等同於
"flex-direction: row;">hello
wx:if
是遇 true 顯示,hidden
是遇 false 顯示。
wx:if
在隱藏的時候不渲染,而hidden
在隱藏時仍然渲染,只是不呈現。
所以如果頻繁切換的話,用wx:if
將會消耗更多資源,因為每次呈現的時候他都會渲染,每次隱藏的時候,他都會銷毀。
如果切換並不頻繁的話,用wx:if
相對來說較好些,因為它會避免初始就一下渲染那麼多。
最後:頻繁切換:用hidden
。
偶爾切換:用wx:if
。
微信小程式開發中遇到的問題及解決方式
行內元素。直接設定margin值無效,需要同時規定display block 在data中指定 的繫結物件後,並不能讓這個繫結的資料隨著綁上去的變數更改而更改。需要在出發資料修改的事件中,增加dataset,才能修改這個繫結的資料。hello click me this is our data.va...
微信小程式開發中遇到的問題(api非同步請求)
檔案結構如圖 login為登陸頁面,mine student顯示我的資訊 結果顯示null 原因 快取中account的值沒有成功傳入後台,這是wx.getstorage請求的非同步導致的,wx.getstorage方法還沒有執行完 則account的值還沒從快取中取出來 request請求已經開始...
微信小程式開發中遇到的坑坑坑!
1.上拉載入 onreachbottom 下拉重新整理 onpulldownfresh 再在需要下拉重新整理的頁面加上onpulldownfresh函式即可觸發 注意,不管onpulldownfresh中有沒有寫過方法,都要加上 wx.stoppulldownrefresh 終止下拉重新整理,否則真...