一般在使用Tabs组件,我们选择了标签2后刷新,tab组件会重新回到标签1,每次都需要在刷新后从新选择标签页。给人感觉不友好。 要求 尽量减少代码更改 记录当前tag选中信息,刷新后可以反选 思路 使用directives监听tab加载与切换 使用mixins确保全局可调用 在directives切换将信息写入到query中,刷新页面时读取query中信息进行...
<el-aside width="200px">左</el-aside> <el-container> <el-header>右上</el-header> <el-main>右下</el-main> </el-container> </el-container> 1. 2. 3. 4. 5. 6. 7. 2 在布局容器中的左侧 添加 NavMenu 导航菜单** 2.1 根据 效果图的数据删除多余的代码 <el-menu default-active="...
解决方法:npm默认安装最新版的vue-router 4版本,但是4版本对针对vue3的,而我用的是vue2,所以这样要改成vue-router@3.5.3版本就可以了 7. 路由跳转没刷新,但使用reload会无限刷新 路由跳转后需手动刷新才能显示数据,看网上方法说在created里面location.reload()或router.go(),但是这样会有无限刷新的bug 解决方法:...
name="third">角色管理</el-tab-pane> <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane> </el-tabs> activeName: 'first', // 当前的标签页---通过数据绑定 决定进来是哪一个标签页 textShow: "文字文字", handleClick(tab, event) { // console.log(tab, event)...
情况一:单个菜单页面刷新导航失去高亮;(如下图这种菜单类型) 问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" ...
在页面未刷新之前,每个导航都可以点击跳转到对应的页面并且跳转路径一致,但是一旦刷新,当前高亮的导航选项和页面以及跳转路径就不一样了。问题展示:🌹第一种解决方式打开elementUI官网可以看到有一个select事件,如下图:首先可以在代码中绑定一个事件函数,在函数方法中传入index参数,并且使用localStorage存储index,接着在...
意思应该是当前删除的选项在哪个tab就刷新页面之后再显示到对应tab上吧?建议以下几个方案,希望能给您带来帮助:1.使用浏览器缓存进行记录2.删除数据重载页面时将需要显示到对应的tab位置绑定到当前页面地址栏中,作为参数,所以要求在页面created时获取url当前参数值来默认显示对应tab3.vue数据更新双向绑定,删除数据刷新页面...
循环标签页 <el-tab-pane v-for="item in array":label="item.text":name="item.name">{{item.con}}</el-tab-pane>/// 标签的数据array:[{text:"管理1",con:"内容1",name:"first"},{text:"管理2",con:"内容2",name:"second"},{text:"管理3",con:"内容3",name:"third"}], ...
1、elementui导航菜单刷新之后折叠问题;2、elemrntui导航菜单切换的时候无论切换到哪个页面,这个页面先高亮然后失去高亮,之前的菜单又变为高亮,要想换高亮的路由只有进行刷新操作; 想要的效果: 1、刷新后导航不自动折叠起来;2、点击切换菜单的时候当前选中菜单高亮; 已经做到的: 已经在<el-menu>标签中设置了default...