vuejs刷新页面跳转的问题

Question

各位大侠，我用elementui写了一个组件：返回成功后刷新页面，然后跳转到指定的el-menu，

代码如下：

<el-menu default-active="1" class="el-menu-demo" mode="horizontal" @select="handleSelect" >

<el-menu-item @click="daohang1" index="1"  >今日动态</el-menu-item>

<el-menu-item @click="daohang2" index="2"  >关注收藏</el-menu-item>

</el-menu>

<el-container v-show="dh1">1111</el-container>

<el-container v-show="dh2">2222</el-container>

methods:{

daohang1(){this.dh1=true;this.dh2=false;},

daohang2(){this.dh2=true;this.dh1=false;},

successok(response) {

                                     if(response===1){

                                                                 this.$router.go(0);//这是刷新页面的代码，是有效的，返回成功后页面也刷新了。

                                                                 this.daohang2();//这个代码就无效了，只有我点击时才有效

                                                                  ........

data(){

           return {dh1:false,dh2:false}

 

Answer 1

代码直接食用

这里的button实现的是你 successok函数

<template>
  <div>  
            <el-button type="primary" @click="successok(1)" >ceshi</el-button>
    <div>
      <el-menu default-active="1" class="el-menu-demo" mode="horizontal" @select="handleSelect1" >

        <el-menu-item @click="handleSelect1(1, [])" index="1"  >今日动态</el-menu-item>

        <el-menu-item @click="handleSelect1(2, [])" index="2"  >关注收藏</el-menu-item>

        </el-menu>

        <el-container v-if="isSwitch">1111</el-container>
        <el-container v-else>2222</el-container>
    </div>
  </div>

</template>

<script>
  export default {
    data() {
      return {
        isSwitch: true,
      };
    },
methods: {
successok(response) {
          if(response===1){
             this.handleSelect1(2, [2]);//这个代码就无效了，只有我点击时才有效
                                      }},

handleSelect1(key, keyPath) {
        if (key == 1) {          
          this.isSwitch = true
        }else{
          this.isSwitch = false
        }
        console.log(key, keyPath);
      }
    }
  }
</script>