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

解决最新文章跳转问题

 <div class="aside-footer-header" style="padding-left:10px;padding-top:5px;padding-bottom:5px;border:1px;">
            最新⽂章推荐
            <i class="el-icon-male"></i></div><hr>
          <div class="aside-footer-main">
            <router-link  v-on:click.native="reset" :to="{name:'BlogDetail',query:{aid:aid1}}" style="color: #333333;text-decoration: none" content="title" >
              <el-link style="padding-left: 5px;padding-bottom: 5px" :content="title1">
                <i class="el-icon-s-promotion"></i>
                {{title1}}</el-link><br> </router-link>
            <router-link v-on:click.native="reset" :to="{name:'BlogDetail',query:{aid:aid2}}" style="color: #333333;text-decoration: none" content="title" >
              <el-link style="padding-left: 5px;padding-bottom: 5px" :content="title2">
                <i class="el-icon-s-promotion"></i>
                {{title2}}</el-link><br></router-link>
            <router-link v-on:click.native="reset" :to="{name:'BlogDetail',query:{aid:aid3}}" style="color: #333333;text-decoration: none" content="title" >
              <el-link style="padding-left: 5px;padding-bottom: 5px" :content="title3">
                <i class="el-icon-s-promotion"></i>
                {{title3}}</el-link><br> </router-link>
          </div>

由于跳转界面为当前界面，需要刷新，所以设置reset函数

  reset(){
      this.$router.go(0);
    },