5.1. 添加编辑页面

简介

本小节中,我们将新建一个编辑页面,并添加编辑资料入口。『编辑页面』用来修改当前用户的相关信息,其首页完成后的页面效果如下:

file

新建编辑页面

src/views 新建 users 文件夹,然后新建 Edit.vue 文件,复制贴入以下代码:

src/views/users/Edit.vue

<template>
  <div class="users-show">
    <div class="col-md-3 main-col">
      <div class="box">
        <div class="padding-md">
          <div class="list-group text-center">
            <router-link v-for="link in links" :key="link.name" :to="`/users/1/${link.name}`" class="list-group-item">
              <i :class="`text-md fa fa-${link.icon}`"></i>
              {{ link.title }}
            </router-link>
          </div>
        </div&gt...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 1

LW_aravel
发现一个错误,路由后面多个 vue 会报错
1 个点赞 | 1 个回复 | 分享 | 课程版本 2.6