根節點div組件使用if或show屬性報錯,div標簽四種使用方法

節點的根div組件使用if或show屬性報告了一個錯誤。

問題描述

在某些場景中，我們需要處理組件的顯示和隱藏，所以我們需要使用if或show屬性來控制組件的顯示或隱藏。但是，在根節點的div組件上使用if/show時，我們無法控制顯示或隱藏。

問題分析

這是因為華為快應用ide的編譯器對根節點有限制，不能在根節點上使用if或show屬性。ide錯誤消息如下:

解決方法

方法一:在根節點div下嵌套一層子div，在子div上使用if/show屬性

示例代碼如下:

復制

模板

div class =容器

div show=true

class = parentdemotype = button value =父組件傳遞值onclick=evtType1Emit/

comp say = { { say } } pro object = { { pro object } }/comp

Type = buttonvalue =點擊跳轉onclick=openweb/

選擇style = width:200 px；高度:300px邊框顏色:# 4169e1邊框寬度:1px

選項=選定的孔廟=假孔廟/選項

Option =中山陵選中=真中山陵/option

Option =老門東選中=false老門東/option

/選擇

/div

/div

/模板

方法二:在根節點div下嵌套stack組件，在stack組件上使用if/show屬性

示例代碼如下:

模板

div class =容器

堆棧顯示=真

class = parentdemotype = button value =父組件傳遞值onclick=evtType1Emit/

comp say = { { say } } pro object = { { pro object } }/comp

Type = buttonvalue =點擊跳轉onclick=openweb/

選擇style = width:200 px；高度:300px邊框顏色:# 4169e1邊框寬度:1px

選項=選定的孔廟=假孔廟/選項

Option =中山陵選中=真中山陵/option

Option =老門東選中=false老門東/option

/選擇

/堆棧

/div

/模板

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。