原文:Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据

准备:导入ElementUI 看官网教程 数据准备:JSON数据转换成树状 参考文章: JS实现 JSON扁平数据转换树状数据 后台我拿的数据是这样的格式: 转换后的数据差不多就是这样的格式 自定义组件 路径 componebts NavMenu.vue 解决菜单导航折叠后文字不隐藏 出现这个问题是因为我们在 lt el menu gt 嵌套中出现了意料之外的 lt div gt ,而 lt el ...

2020-02-01 19:55 0 2453 推荐指数:

查看详情

vue多个路由使用同一个页面,通过name判断参数,渲染页面数据

项目中,发现有多个页面数据内容相同,只是请求数据参数不同,就可以使用同一个组件渲染   这里的客户列表 / 我负责的 / 我参与的 都使用同一个组件,不同点在请求数据参数   可以看到,通过钩子函数,判断路由name,从而修改请求参数,来得到不同的数据内容   这里需要注意三个地方 ...

Tue May 21 00:54:00 CST 2019 0 2872
Vue嵌套路由——页面跳转成功,router-view却不显示/渲染页面不变

今天在整Vue项目的时候,整个嵌套路由,已方便组件的复用。 不过在之前写后台的时候已经整过嵌套路由了,在网上发现好像很少有人在路由中使用两个嵌套路由。 在后台页面使用侧边菜单跳转到路径 /#/user/add ,页面显示成功,这是很正常的没毛病。 然后我在整第二个嵌套路由的时候就出 ...

Mon Jun 14 23:15:00 CST 2021 0 8079
vue多个路由复用同一个组件跳转问题(this.router.push)

因为router-view传参问题无法解决,比较麻烦。 所以我采取的是@click+this.router.push来跳转 但是现在的问题是跳转后,url改变了,但是页面数据没有重新渲染,要刷新才可以。 有几种办法,用route.go(0)这种方法虽然可以跳转,但是很不友好,要重新加载 ...

Mon Jun 22 19:10:00 CST 2020 0 1950
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM