微信小程式中hidden不生效原因的解決辦法

2022-09-27 09:24:08 字數 502 閱讀 5972

微信小程式中hidden不生效原因的解決辦法

例如如下布局:

text1

程式設計客棧t2

你會發現hidden沒生效。經我實驗發現h元素對塊狀布局才生效,所以這段**裡導致hidden沒生效的罪魁禍首是display:flex。把這個去掉就可以了。

如果一定要用flex布局怎麼辦?

其實這裡想用hidden無非就是想影藏這個布局,display:none也能做到隱藏。這裡可以用乙個取巧的方法,動態設定display屬性,示例如下:

程式設計客棧="dktkakedisplay:};flex-direction: row;">

text1

text2

這裡的hideview是在對應的js裡是乙個變數,由js來動態控制。

後話hidden 隱藏布局,雖然隱藏了,但是還是會佔空間。

display:none 隱藏不佔據空間。

本文標題: 微信小程式中hidden不生效原因的解決辦法

本文位址:

微信小程式wx if 和 hidden的區別

首先wx if 和 hidden 都是控制元素是否能被使用者看見的,也就是是否顯示,但是顯示和顯示是有區別的 1 wx if 條件為true的時候元素顯示,及此元素被渲染,當wx if 為 false 的時候元素不渲染,如果是從true false 的情況下,此元素被銷毀,當false true的時...

小程式呼叫介面不生效?

在做專案中,我們不難發現一些奇葩問題 如下我在獲取使用者id成功後呼叫了getinfo和getproduct這倆個介面,但是getproduct這個介面一直沒有response。這個時候我就開始考慮是不是不能同時呼叫倆個方法,還是執行順序的問題 其實這個問題都是給自己埋的坑,所以在規劃專案的時候一定...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...