tnbapp/src/views/message/Message.vue

<template>
  <div>
    <el-row>
      <el-col :md="4">
        <el-menu
          :default-active="this.$route.path"
          router
          class="el-menu-vertical-demo"
        >
          <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.path">
            <i :class="item.icon" />
            <span slot="title">{{ item.name }}</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :md="20">
        <el-row>
          <h2>我的消息</h2>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'Profile',
  data() {
    return {
      userId: -1,
      navList: [
        { path: '/message', name: '我的消息', icon: 'el-icon-user' },
        { path: '/message/comment/receive', name: '收到的评论', icon: 'el-icon-user' },
        { path: '/message/commend/send', name: '发出的评论', icon: 'el-icon-user' }
      ],
    }
  },
  created() {
    document.title = '我的消息'
  },
  methods: {
  }
}
</script>