原文:vue通过ID(参数)修改URL复用同一个页面(组件)不重新加载的问题

项目中经常会用到同一个页面,结构是相同的,我只是在vue router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是有一个问题,即使我们修改了参数,URL也显示已经改变,但页面并不会刷新,因为路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载,所以如果在created钩子中来区分状态明显是行不通的,可以通过watch监听事件 ...

2018-06-13 09:41 0 13188 推荐指数:

查看详情

vue同一个页面多次使用同一个组件的相互干扰问题

我们知道,vue一个重要的理念就是组件化,即将重复使用的功能点抽提出来作为组件,需要使用的页面只需要引用该组件即可得到相应的功能点。 而组件化的一个重要特性就是作用域隔离,即一个组件实例拥有一个私有的作用域,当在页面中引用了该组件之后,只有该组件实例能访问该作用域。 但是当在同一个页面 ...

Sun Mar 08 13:11:00 CST 2020 6 35298
vue多个路由复用同一个组件的跳转问题(this.router.push)

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

Mon Jun 22 19:10:00 CST 2020 0 1950
MUI 同一个页面初始化多个pullrefresh 下拉刷新/上拉加载组件问题

现在新版本的mui 已经有这个功能 了 现在新版本的mui 已经有这个功能 了 现在新版本的mui 已经有这个功能 了 同一个页面使用选项卡 加载多个pullrefresh组件时,发现只能初始化第一个,几经周折未能解决,只好修改源码,解决方案如下: 修改mui.js中源码:增加如下代 ...

Wed Dec 06 05:40:00 CST 2017 18 6275
一个页面多次使用同一个组件,传值问题

如果按照常规操作,会发现,组件之间的值会相互影响 解决方案1:使用不同的标识 会发现,处理起来很繁琐 解决方案2:使用.sync修饰符,进行双向数据绑定 只需要在使用组件时,控制autoValue属性,即可实现是否进行双向数据绑定. *************************************************************** ...

Wed Apr 08 01:43:00 CST 2020 0 3288
vue项目中在同一页面多次引入同一个echarts图表子组件的自适应问题

在父组件页面引入两次该图表子组件显示的效果: 由于是百分比宽高,所以在窗口发生变化时,需要让图表也跟着自适应,所以才出现了本次讨论的问题啦。 先看下完整的图表子组件代码(在父组件就是直接引入,不需要传参哦): 窗口改变时图表自适应代码在最后,这里分别提出来做 ...

Mon Feb 25 19:30:00 CST 2019 0 4143
vue 不同路由同一个组件 缓存问题

vue缓存时如果发现组件相同,则会认定为同一个同一个组件根据不同路由做不同的缓存需在keep-alive的router-view中加上key,如下所示: 加上key,不同就一定会认为是不同的东西,可根据路由分别进行缓存。 ...

Sun Aug 02 01:08:00 CST 2020 0 1458
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM