vue组件复用产生的问题

本文探讨了在Vue.js应用中,当使用路由跳转加载相同组件但参数变化时,组件数据未随参数更新的问题。分析指出,由于组件重用,生命周期钩子不再触发。为解决这个问题,提出了通过监听路由变化并在组件内注册watch属性来确保数据的正确更新。
摘要由CSDN通过智能技术生成

问题描述:

当我们使用路由跳转加载同一个组件,通过参数的传递达到不同参数使用同一个组件渲染出不同的数据,此时发现数据只有第一次路由跳转的时候通过传递的参数被渲染,后来跳转过来的内容并没有发生改变

声明式路由链接

<router-link v-for="article in list" :key="article.id" :to="'/article/content/'+article.id">
{
   {
   article.content
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值