微信点击vant九宫格怎么跳转到对应侧边导航栏

要实现微信点击vant九宫格跳转到对应侧边导航栏，需要先在vant九宫格组件中设置点击事件，然后在该事件中通过路由跳转到对应的页面，同时触发该页面所在的侧边导航栏的激活状态。

具体实现步骤如下：

1. 在vant九宫格组件中添加@click事件，绑定一个方法。

2. 在该方法中，使用Vue Router的$router.push()方法跳转到对应的页面，并且将该页面所在的侧边导航栏设置为激活状态。

3. 在侧边导航栏组件中，使用Vue Router的$route.path属性与当前页面的路由路径进行比较，如果相同则设置该导航栏为激活状态。

代码示例：

// 在vant九宫格组件中添加@click事件
<van-grid-item @click="goToPage('home')">Home</van-grid-item>

// 在methods中定义goToPage方法
methods: {
  goToPage(pageName) {
    this.$router.push({ name: pageName });
  }
}

// 在侧边导航栏组件中，使用$route.path属性与当前页面的路由路径进行比较
<el-menu-item :index="'/home'" :class="{'is-active': $route.path === '/home'}">Home</el-menu-item>