<el-button type="primary" v-for="(item, index) in buttonGroup" :key="index" @click="buttonGroupBtn(index)" >{{ item.timeName }}</el-button > buttonGroup内有多个item,如何只展示前三个item
时间: 2024-01-16 21:02:20 浏览: 113
如何呈现按钮(Button)之
你可以使用 `v-for` 的语法中的 `v-if` 来实现只展示前三个 `item`,例如:
```html
<el-button
type="primary"
v-for="(item, index) in buttonGroup.slice(0, 3)"
:key="index"
@click="buttonGroupBtn(index)"
>
{{ item.timeName }}
</el-button>
```
在这个例子中,我们使用 `buttonGroup.slice(0, 3)` 来只展示 `buttonGroup` 数组中的前三个元素,然后使用 `v-for` 循环展示这三个元素。
阅读全文