AppGallery Connect：根节点div组件使用if或show属性报

小提示：您能找到这篇{AppGallery Connect：根节点div组件使用if或show属性报}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的AppGallery Connect：根节点div组件使用if或show属性报内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

< font-size: 16px;">问题描述

< font-size: 16px;">在某些场景下，我们需要对组件的显示和隐藏做处理，因此需要使用到if或show属性来控制组件的显示或隐藏，但是在根节点的div组件上使用if/show时，无法控制显示或隐藏。

< font-size: 16px;">问题分析

< font-size: 16px;">这是因为华为快应用ide的编译器对根节点有限制，无法在根节点上使用if或show属性，ide报错信息如下：

< font-size: 16px;">

< font-size: 16px;">解决方法

< font-size: 16px;">方法一：在根节点div下嵌套一层子div，在子div上使用if/哪里有全网营销培训show属性

< font-size: 16px;">示例代码如下：

< font-size: 16px;">复制

< font-size: 16px;"><template>

< font-size: 16px;">  <div class="container">

< font-size: 16px;">    <div show="true">

< font-size: 16px;">      <input class="parent-demo" type="button" value="父组件向子组件传值" onclick="evtType1Emit" />

< font-size: 16px;">      <comp say="{{say}}" propObject="{{propObject}}"></comp>

< font-size: 16px;">      <input type="button" value="点击跳转" onclick="openweb" />

< font-size: 16px;">      <select style="width:200px;height:300px;border-color:#4169e1;border-width:1px">

< font-size: 16px;">        <option value="夫子庙" selected="false">夫子庙</option>

< font-size: 16px;">        <option value="中山陵" selected="true">中山陵</option>

< font-size: 16px;">        <option value="老门东得到推广" selected="false">老门东</option>

< font-size: 16px;">      </select>

< font-size: 16px;">    </div>

< font-size: 16px;">  </div娄底网站建设网站>

< font-size: 16px;"></template>

< font-size: 16px;">方法二：在根节点div下嵌套stack组件，在stack组件上使用if/show属性

< font-size: 16px;">示例代码如下：

< font-size: 16px;"><template>

< font-size: 16px;">  <div class="container">

< font-size: 16px;">    <stack show="true">

< font-size: 16px;">      <input class="parent-demo" type="button" value="父组件向子组件传值" onclick="evtType1Emit" />

< font-size: 16px;">      <comp say="{{say}}" propObject="{{propObject}}"></comp>

< font-size: 16px;">      <input type="button" value="点击跳转" onclick="openweb" />

< font-size: 16px;">      <select style="width:200px;height:300px;border-color:#4169e1;border-width:1px">

< font-size: 16px;">        <option value="夫子庙" selected="false">夫子庙</option>

< font-size: 16px;">        <option value="中山陵" selected="true">中山陵</option>

< font-size: 16px;">        <option value="老门东" selected="false">老门东</option>

< font-size: 16px;">      </select>

< font-size: 16px;">    </stack>

< font-size: 16px;">  </div>

< font-size: 16px;"></template>