请求到数据前端增加自定义字段控制列表收起展开
v-for="(item, index) in listData"表格循环列表,
@click="toogleExpand(index)"点击事件
v-show="item.active"收起展开
请求到数据前端自定义字段
getList() {
Axios.post(
'admin/vue/order/getOrderList.json)
).then(res => {
// this.listData = res.data.data.result
// 请求到数据加自定义字段active控制订单隐藏,折叠
this.listData = res.data.data.result.map(x=>{
x.active = true;
return x;
})
})
},



本文介绍了一种使用Vue.js实现表格动态折叠的方法。通过为每个表格项添加自定义字段`active`来控制其显示与隐藏状态,并利用`v-for`循环遍历数据列表,结合`v-show`指令和点击事件`@click`实现列表项的收起和展开功能。
1139

被折叠的 条评论
为什么被折叠?



