Vue导航点击路由跳转后样式不变

Vue导航点击路由跳转后样式不变

<template>
    <ul>
		<li :class="{active:isActive==1}" @click="myOrder(1)">统计分析</li>
		<li :class="{active:isActive==2}" @click="myOrder(2)">订单中心</li>
		<li :class="{active:isActive==3}" @click="myOrder(3)">组织架构</li>
		<li :class="{active:isActive==4}" @click="myOrder(4)">审核设置</li>
	</ul>
</template>
<script>
    export default{
		data(){
			return{
				isActive: 0,
            }
        },
         mounted(){
		    if(this.$route.query.item){
		      this.isActive = this.$route.query.item;
		    }else{
		      this.isActive = 0;
		    }
		  },
		methods:{
			myOrder(i){
				this.isActive = i;
				if(i == 1){
					this.$router.replace({
						path:'/'+ t