微信小程式開發中遇到的問題筆記

2021-10-03 09:51:00 字數 1346 閱讀 6872

錯誤:

.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:nonehidden的作用一樣,顯示出來的結果是一致的,都是隱藏。

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 終止下拉重新整理,否則真...