发表于: 2019-10-16 23:25:01

1 668


今天完成的事情:侧边导航写好, 路由也配了,写了几个页面,接口文档有点问题,先不配接口了


 <div class="outerBorder" :class="{selectedBC:shows.NavList}">
      <h3 @click="show('NavList')">用户管理</h3>
      <div v-show="shows.NavList">
        <router-link
          v-for="(todo,indexin NavLists"
          :key="index"
          :to="todo.to"
          @click.native="SelectColor(todo.text)"
          :class="{click:todo.text==innerHTML}"
        >{{todo.text}}</router-link>
      </div>
    </div>


export default {
  name: "HomeNav",
  data() {
    return {
      shows: {
        NavList: false,
        NavContent: false,
        NavBackstage: false
      },
      innerHTML: "",
      NavLists: [{ to: ""text: "用户列表" }],
      NavContents: [
        { to: "/backstage/dctlist"text: "文章列表" },
        { to: "/backstage/video/add"text: "视频列表" }
      ],
      NavBackstages: [
        { to: ""text: "账号管理" },
        { to: ""text: "角色管理" },
        { to: ""text: "修改密码" },
        { to: "/backstage/module"text: "模块管理" }
      ]
    };
  },
  methods: {
    SelectColor(text) {
      this.innerHTML = text;
    },
    show(show) {
      for (var i in this.shows) {
        if (show == i) {
          this.shows[i] = true;
        } else {
          this.shows[i] = false;
        }
      }
    },


明天计划的事情:写完其他页面吧
遇到的问题:处处是新问题,目前的任务还是太少
收获:写bug


返回列表 返回列表
评论

    分享到