根節(jié)點(diǎn)div組件使用if或show屬性報錯,div標(biāo)簽四種使用方法

節(jié)點(diǎn)的根div組件使用if或show屬性報告了一個錯誤。

問題描述

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

問題分析

這是因?yàn)槿A為快應(yīng)用ide的編譯器對根節(jié)點(diǎn)有限制，不能在根節(jié)點(diǎn)上使用if或show屬性。ide錯誤消息如下:

解決方法

方法一:在根節(jié)點(diǎn)div下嵌套一層子div，在子div上使用if/show屬性

示例代碼如下:

復(fù)制

模板

div class =容器

div show=true

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

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

Type = buttonvalue =點(diǎn)擊跳轉(zhuǎn)onclick=openweb/

選擇style = width:200 px；高度:300px邊框顏色:# 4169e1邊框?qū)挾?1px

選項(xiàng)=選定的孔廟=假孔廟/選項(xiàng)

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

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

/選擇

/div

/div

/模板

方法二:在根節(jié)點(diǎn)div下嵌套stack組件，在stack組件上使用if/show屬性

示例代碼如下:

模板

div class =容器

堆棧顯示=真

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

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

Type = buttonvalue =點(diǎn)擊跳轉(zhuǎn)onclick=openweb/

選擇style = width:200 px；高度:300px邊框顏色:# 4169e1邊框?qū)挾?1px

選項(xiàng)=選定的孔廟=假孔廟/選項(xiàng)

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

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

/選擇

/堆棧

/div

/模板

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