前端|vant的Collapse 折叠面板和单元格中使用v-for
import Vue from 'vue';
import { Cell, CellGroup,Collapse ,CollapseItem} from 'vant';
:title="item.title"
:value="https://www.it610.com/article/item.grade"
v-for="(item, index) in items"
/>
在使用v-for时，必须配合使用v-bind
export default {
//组件 Q2组件需要正确注册，才能被页面识别
components: {
[Cell.name]: Cell,
[CellGroup.name]: CellGroup，
[Collapse .name]: Collapse ,
[CollapseItem.name]: CollapseItem
},
//数据层
data() {
return {
activeNames: [],
items: [
{ title: "李红", grade: "高一语文组" },
{ title: "李名", grade: "高一数学组" },
{ title: "李光", grade: "高一英语组" },
{ title: "李严", grade: "高二英语组" },
{ title: "李章", grade: "高二数学组" }
]
}，
mounted() {},
methods: {}
}
};
【前端|vant的Collapse 折叠面板和单元格中使用v-for】
文章图片
推荐阅读
- 热闹中的孤独
- JAVA（抽象类与接口的区别&重载与重写&内存泄漏）
- 放屁有这三个特征的，请注意啦！这说明你的身体毒素太多
- 一个人的旅行，三亚
- 布丽吉特，人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事，我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量