Vue项目的记录（十五）

最近忙着给导师写标书和秋招找工作，进展有点慢

1.提交订单

静态组件 ==》 点击提交订单的按钮的时候，还需要向服务器发起一次请求（需要将一些支付信息传递给服务器）

接口

接下来将不再使用vuex，在组件当中发请求，在组件当中捞数据

步骤：
统一接口api文件夹里面全部请求函数
在main.js中，这么做之后所有的组件都不需要在引入了。和全局时间总线$bus那样去理解就行了。挂载在vue的组件上，以后其他组件就不需要再过
多的去引用了。

2.获取订单号及展示支付信息

携带参数跳转

获取订单号

获取支付信息的接口


数据展示

3.支付页面中使用ElementUI以及按需引入

控制台安装：npm i element-ui -S

项目中：当配置文件发生变化的时候，项目要重启。

引入方式：
在main.js中

使用：

展示：


element文档

4.微信支付业务

控制台中: npm i qrcode
导入


获取订单状态的接口



成功则跳转paysuccess页面
配置静态组件及其路由

5.个人中心二级路由搭建

需要将myOrder中的 ./images 全部替换为 …/images

二级路由使用

6.我的订单

个人中心订单列表接口


分页器

数据展示这里有个地方注意： 表格rowspan属性巧妙的使用

:rowspan="order.orderDetailList.length" v-if="index==0"

展示：后面的表格就正常显示了