vue提交订单以及状态分类

提交订单就是，把选择好的地址，物品，生成一个唯一订单id，甚至还有用户名等一同插入订单数据列表中。但是一条订单可能会有很多个状态，比如到了支付界面，如果点击了返回，他的状态可以是1，未支付。如果点击了支付，他的状态就是2，待收货。如果在待支付界面，点击支付，也可以改变状态1为2。如果在待收货界面，点击确认收货，他的状态就变成3，已完成或者待评价。然后在页面上，分四个子组件，利用订单的类型进行...

_小郑有点困了

2635人浏览 · 2020-03-14 23:26:33

_小郑有点困了 · 2020-03-14 23:26:33 发布

提交订单就是，把选择好的地址，物品，生成一个唯一订单id，甚至还有用户名等一同插入订单数据列表中。
但是一条订单可能会有很多个状态，比如到了支付界面，如果点击了返回，他的状态可以是1，未支付。如果点击了支付，他的状态就是2，待收货。如果在待支付界面，点击支付，也可以改变状态1为2。如果在待收货界面，点击确认收货，他的状态就变成3，已完成或者待评价。
在这里插入图片描述
然后在页面上，分四个子组件，利用订单的类型进行分别渲染数据。

vuex
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^