vue-router 二级导航默认选中某一选项的问题
2018-06-30 14:39
956 查看
现在有一个需求是这样的:
这个需求很正常吧! 二级导航条,不是二级路由的(如果是二级路由是用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-cli 默认路由再子路由选中下的选中状态问题及解决代码
- 基于vue-router 2+Element UI的动态生成导航及相关问题
- 关于Select option默认选中及查询后选项值保留的问题
- vue二级菜单导航点击选中事件的方法
- 关于Select option默认选中及查询后选项值保留的问题
- vue-router 导航守卫处理登录问题
- html select 默认选中问题
- vue 多选、全选和选中删除问题
- jquery chosen 默认选中及事件的问题
- 使用radiogroup和viewpage实现底部导航出现的按钮选中界面没有改变的问题
- Radiobutton去掉默认选中圆圈的问题
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- vue-router 二级路由
- Vue-Router(三) 编程式导航
- select动态添加option与动态设置下拉框默认选项(selected)的问题(原创)
- EasyUI combobox默认选中,value为空问题
- 第88篇ES之优化选项匹配及单值二级字段匹配及老师端私有白板页码显示问题
- 一个简单的html问题,怎样默认选中radio中的某个值
- 关于vue-router中的query动态传参问题的解决
- combobox自动选中默认的选项