根节点div组件使用if或show属性报错,div标签四种使用方法-ESG跨境

根节点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跨境电商联系。