Message.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <div>
  3. <el-row>
  4. <el-col :md="4">
  5. <el-menu
  6. :default-active="this.$route.path"
  7. router
  8. class="el-menu-vertical-demo"
  9. >
  10. <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.path">
  11. <i :class="item.icon" />
  12. <span slot="title">{{ item.name }}</span>
  13. </el-menu-item>
  14. </el-menu>
  15. </el-col>
  16. <el-col :md="20">
  17. <el-row>
  18. <h2>我的消息</h2>
  19. </el-row>
  20. </el-col>
  21. </el-row>
  22. </div>
  23. </template>
  24. <script>
  25. export default {
  26. name: 'Profile',
  27. data() {
  28. return {
  29. userId: -1,
  30. navList: [
  31. { path: '/message', name: '我的消息', icon: 'el-icon-user' },
  32. { path: '/message/comment/receive', name: '收到的评论', icon: 'el-icon-user' },
  33. { path: '/message/commend/send', name: '发出的评论', icon: 'el-icon-user' }
  34. ],
  35. }
  36. },
  37. created() {
  38. document.title = '我的消息'
  39. },
  40. methods: {
  41. }
  42. }
  43. </script>