山东大学软件学院暑期项目实训记录（八）

根据二轮迭代新的需求开始编写用户个人界面

对新建的vue文件设置路由的步骤

一.在router文件夹下的index.js文件中引入新建的文件user.vue

import user from "../views/user.vue";

  {
    path: '/user',
    name: 'user',
    component: user
  },

二.在设置跳转的地方传递参数

<router-link  :to="{name:'user',query:{uid:uid}}" style="color: #333333;text-decoration: none"  >
 <el-avatar size="large" class="username" src="image" align="center">
<img :src="image">
</el-avatar>
  </router-link>

三.在user.vue中return得到的参数

data() {
    return {
      uid: this.$route.query.uid,
   
    }
    },