代码之家 › 专栏 › 技术社区 › thatOneGuy

如何对Vuejs元素进行分组

vuejs2 vue.js

thatOneGuy · 技术社区 · 8 年前

假设我有一个组件(mycomponent):

<template>
   <v-container> <v-container>
</template>

我想重复使用多次,如何对它们进行分组,这样对用户界面没有影响。例如:

<myGroup v-if="myStore.property">
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
</myGroup>

这样做的原因是进行检查 v-if="myStore.property" 一次,而不是在每个组件上。

1 回复 | 直到 8 年前

Vamsi Krishna 8 年前

您可以使用 template 用于分组的标记。

<template v-if="myStore.property">
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
</template>

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

3 年前

Park · Vuejs道具,路径较长

4 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

4 年前

roev · 大堆来自(物体)。forEach不使用vue。js

4 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

8 年前

Ready Dev · Axios一次发出多个请求(vue.js)

8 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

8 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

8 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

8 年前

Tim · VueJS-迭代从AJAX调用返回的数据

8 年前