当前位置: 首页 > 知识库问答 >
问题:

前端 - 两个路由使用同一组件,如何让组件重新渲染?

东郭鹤龄
2023-06-26

我这两个里面用了同一个组件 在检测里面重新渲染那个组件,点回详情里还是之前的数据,然后用watch $route,在离开详情页的时候组件会重新渲染,怎么做到在进入详情的时候就重新渲染呢?
368b38f5c9241869166b44ae8f21ee3.png

共有3个答案

柯唯
2023-06-26

一般来说,如果是同一组件,那么只要更新数据就可以了。

我一般会用 watch(() => route.params.id, () => {}) 之类的方式来侦听路由变化并更新。

龚铭
2023-06-26

点击的时候你跳转相应的路径就好了,你的使用vuex或者使用pinia就可以实现

秦景福
2023-06-26

使用路由 name 或者 path 作为 router-view 的key键即可

 类似资料:
  • 我已经设置了两条不同的路线,但是两条路线都被渲染localhost:3000 我已经研究了关于同一问题的stackoverflow问题,但没有解决我的问题。 我把我的路线包装在开关中,试着交替路线的顺序,使用精确的,也强迫id只寻找数字。 有提到-反应路由器v4-渲染两个组件在同一路由 但无法解决我的问题 Table和Detail组件都是为localhost:3000渲染的,而我只想为localh

  • 问题: 有异步路由,从中获取参数并返回(组件)。问题是当我从一个到另一个(只是相同的路由,但不同。参数)我的路由器卸载并重新渲染组件。但它应该只传递新的道具,不要触及我的组件生命周期。怎么解决呢?我做错了什么? 代码: 路由器 组件将装入电影组件中 更新:好的,做了一些实验。 替换

  • 本文向大家介绍React-Router 4怎样在路由变化时重新渲染同一个组件?相关面试题,主要包含被问及React-Router 4怎样在路由变化时重新渲染同一个组件?时的应答技巧和注意事项,需要的朋友参考一下 在生命周期里面判断路由是否发生变化 参考:React 如何监听路由变化重新渲染组件

  • 如果我在看电影 并继续链接到 组件不渲染 路线v4 路由器 链接 我尝试使用组件WillReceiveProps和发送请求,但我收到在道具新位置,像在nextProps. 如果路径更改,我如何发送请求,或再次渲染组件?

  • 我对react还比较陌生,我一直在分解一个web应用程序,并用react组件替换部分。我现在正在开发一个组件,其中包含我创建的几个不同组件。 在新组件中,我在componentDidMount函数中进行API调用,并创建子组件。乍一看,一切看起来都很完美,但当我们在其中一个子组件中进行状态更改,然后在父组件中进行更改时,子组件将其状态重置为更改之前的状态。 我知道发生了什么,州政府没有被传递给家长

  • 问题场景: 接到一个需求:类似于网站访问量计数的功能。 有一个全局变量 count 默认值为 0。 现在有 A 、B 、C 三个页面。 当 A 挂载完毕以后,执行 count++ ,B 挂载完以后 count ++, C同理 ... 现在我的解决方法是封装了一个函数,然后在这三个页面的 onMounted 里调取这个函数。 但是我又思考,��以后还会有 D E F 页面,那随着页面的增多,我就需要