vue的路由切换选项卡

Question

我的需求就是：页面打开第一个默认有active的样式当点击其他的 点击元素有active的样式，其他的元素没有 这就是个简单的选项卡，但是不同的是他们要进行路由切换。<ul class="navBarList">      <li v-for='(item,index) in navData'          :to="item.path"          :class="{cur:index==iscur}"          @click="toggle(index)"          v-text="item.name">      </li>    </ul>        data(){        return{          navData: [{          name: "选项一",          path: '/home/index1/question/tab1',          isActive: true        }, {          name: "选项二",          path: '/home/index1/question/tab2',        }],         isActive: false        }    }        <script>       toggle:function (index) {      }    </script>代码写的好像不对反正就是 he选项卡一样但是点击的时候是通过路由跳转的