解决vue-router 二级导航默认选中某一选项的问题

2019-11-01 16:39:17 作者：versionli

今天小编就为大家分享一篇解决vue-router 二级导航默认选中某一选项的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

现在有一个需求是这样的：

这个需求很正常吧！二级导航条，不是二级路由的（如果是二级路由是用linkActiveClass来做，我之前文章说过），是单纯获取数据的按钮，当这个页面出现时，默认选中第一项。

首先：

上面的判断的意思是：如果你点击某一个选项把这个index传过去，activeName等于那一个传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者index==pid，pid默认为0，所以index==0,就是默认第一个选项被选中。

但是当我点击其它项的时候，要把那个pid改为false，只能把这个false赋值给uid,uid却不能在data里而声明，因为组件遍历v-for是时候就默认执行了selected()这个函数，所以只能把这个赋值给全局

我目前只能用这个方法解决这个问题，如果有更好的方法，希望可以共享一下

以上这篇解决vue-router 二级导航默认选中某一选项的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。