Question

希望您能帮助我解决我的问题。我正在开发一个Nativescript-Vue应用程序，我想有条件地渲染它：

<Label if="isRendering" text="This is a text"></Label>

但这不起作用。

我已经用<v-template if="..."></v-template>尝试过，但这也行不通。

如果我没记错的话，可以在Vue.js中使用 v-if 有条件地进行渲染，而我正在寻找在Nativescript-Vue中进行渲染的可能性。

谢谢

Answer 1

与Vue.js中的一样。

您应该使用if而不是使用v-if。

Playground example

示例：

<Label v-if="isRendering" text="This is a text"></Label>

但是，如果您想在if中使用ListView，则有所不同。示例：

<ListView for="item in listOfItems" @itemTap="onItemTap"> 
  <v-template>
    <Label :text="item.text" /> 
  </v-template>

  <v-template if="$odd">
    <!-- For items with an odd index, shows the label in red. -->
    <Label :text="item.text" color="red" />
  </v-template>
</ListView>

但有关更多信息，请参见docs

是否可以在NativeScript-Vue中有条件地渲染元素？

1 个答案: