跳到主要内容

会员卡页面实现

准备好后端接口以后，我们将学习如何在前台页面中展示会员卡信息，并实现跳转到会员卡页面的功能。

添加前台路由​

首先，我们需要在前台路由中添加一个会员卡页面的路由。

在src目录下找到router.js文件，添加以下代码：

frontend/src/router/index.js
import MemberCard from '../views/MemberCard.vue'

  {
    path: "/member_card",
    name: "MemberCard",
    component: MemberCard,
  },

这样就定义了一个名为MemberCard的路由，对应的组件是MemberCard.vue。

创建会员卡页面组件​

🔒 试读结束

继续阅读完整内容

以上为免费预览。前往「Django + Vue 全栈课程」，查看后续完整讲解、案例演示和配套资料。

查看课程详情