vue.js - vue 跳转页面后成功后， 执行一些事件。。

问题描述

问 题

查看订单后 执行跳转。

跳转后的页面默认是

。
。

想要的效果是

代码是这样//

  <div class="buttons-row">
    <a href="#tab1" class="tab-link active button">账号交易</a>
    <a href="#tab2" class="tab-link button" @click="boosterList">账号代练</a>
  </div>
</header>
<div class="OrderList-tab">
  <ul class="clearfix">
    <li :class="[isActive==0?'active':'']" @click="gotoOrder(0)">待支付</li>
    <li :class="[isActive==1?'active':'']" @click="gotoOrder(1)">待发货</li>
    <li :class="[isActive==3?'active':'']" @click="gotoOrder(3)">已完成</li>
    <li :class="[isActive==4?'active':'']" @click="gotoOrder(4)">已取消</li>
    <li :class="[isActive==null?'active':'']" @click="gotoOrder(null)">全部</li>
  </ul>
</div>

麻烦写个例子给参考下 。。 谢谢了。

解决方案

this.$route.push({name:'Orderlist',query:{activeIndex:1}});

//orderlist页面
created(){
this.isActive = this.$route.query.activeIndex;
}

这篇关于vue.js - vue 跳转页面后成功后， 执行一些事件。。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！