开关使⽤ Switch 组件设置。
// create.vue …v-show=“activeStep === 3”>
label=“限时秒杀开关” label-width=“120px”>
v-model=“isSeckill”
active-color=“#13ce66”
inactive-color=“#ff4949”>
…
data () {
return {
…
// 秒杀状态
isSeckill: false
}
},
在切换按钮后设置⼀个 ⽤于放置后续结构，并通过 v-if 根据秒杀状态切换。// create.vue
…
在切换按钮后设置⼀个 ⽤于放置后续结构，并通过 v-if 根据秒杀状态切换。// create.vue
…
v-show=“activeStep === 3”>
label=“限时秒杀开关” label-width=“120px”
…
v-if=“isSeckill”>
…
设置后续部分基础结构
// create.vue
…
v-show=“activeStep === 3”>
…
label=“开始时间”>
label=“结束时间”>
label=“秒杀价”>
label=“秒杀库存”>
…
开始时间与结束时间应设置为⽇期选择器：
这⾥使⽤ Element 中的 DateTimePicker ⽇期时间选择器组件设置。
// Element 官⽅示例：DateTimePicker ⽇期时间选择器 - 默认功能
v-model=“value1”
type=“datetime”
placeholder=“选择⽇期时间”>
设置到⻚⾯中
// create.vue
…
label=“开始时间”>
type=“datetime”
placeholder=“选择开始时间”>
label=“结束时间”>
type=“datetime”
placeholder=“选择结束时间”>
…
设置到⻚⾯中
// create.vue …
若有收获，就点个赞吧
0 人点赞
