<template> <div> <van-cell-group> <van-cell title="优惠劵编号" :value="couponTemplate.id" /> <van-cell title="优惠劵名" :value="couponTemplate.title"/> </van-cell-group> <van-button slot="button" size="small" type="primary" @click="onFetchClick">领取优惠劵</van-button> </div> </template> <script> import { getCouponTemplate, doAddCouponCard } from '../../api/promotion'; import { Dialog } from 'vant'; import { setLoginToken } from '../../utils/cache'; export default { data() { return { couponTemplate: { } } }, mounted() { let id = this.$route.query.id; let response = getCouponTemplate(id); response.then(data => { this.couponTemplate = data; }); }, methods: { onFetchClick: function () { let that = this; let id = this.$route.query.id; let response = doAddCouponCard(id); response.then(data => { Dialog.alert({ title: '系统提示', message: '领取成功', beforeClose: function (action, done) { // 关闭弹窗 done(); // 跳转到我的优惠劵 that.$router.push('/user/coupon'); } }); }); } } } </script>