订单列表-顶部状态的切换

黄菊华老师 2023-01-13 00:24:22

课时名称	课时知识点
订单列表-顶部状态的切换	订单列表-顶部状态的切换

...全文

247 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本篇我们介绍了我的订单的一个实现过程，介绍了顶部选项卡和数据列表组件的具体配置，而且演示了组件之间的数据联动，这种场景非常常见，需要仔细理解后续才可以灵活应用。

订单列表页面包含三个部分，最上面显示订单的状态信息，可以根据订单进行切换，中间显示订单的商品和价格信息，最下面显示订单的操作按钮，可以根据不同的状态操作订单。

<template> <view class="content">  <view class="navbar"> <view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurren...

Vue2 项目实战：从零实现外卖抢单页面，包含实时刷新、抢单按钮和多状态切换 | 前端新手友好教程」「Vue2 经典项目：制作外卖接单页面，动态数据展示、状态切换、交互功能全解析 | 完整代码示例」「Vue2 实现高仿外卖订单页面，详细讲解列表刷新、订单抢单功能，新手友好教程！Vue2 项目实战：从零实现外卖抢单页面，包含实时刷新、抢单按钮和多状态切换 | 前端新手友好教程」「Vue2 经典项目：制作外卖接单页面，动态数据展示、状态切换、交互功能全解析 | 完整代码示例」「Vue2 实现高仿外卖订单

<template> <view class="content">  <view class="navbar"> <view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)"> {{

黄菊华的课程社区_NO_7

1

社区成员

205

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章