页面中组件的生命周期钩子没有被调用,刷新页面后才会被调用。

记录自己遇到问题,页面中的组件的生命周期函数,每次都不会被调用,必须刷新页面才行。解决办法:

如果组件的生命周期钩子在刷新页面后才被调用,可能是因为你的页面缓存机制导致的。在某些情况下,浏览器会缓存页面及其组件,以提高页面加载速度。当你刷新页面时,浏览器会重新请求页面及其组件,这时候组件的生命周期钩子才会被触发。

你可以尝试在页面组件上使用以下命令来禁用缓存:

<template>
  <div :key="Math.random()">
    <!--组件内容-->
  </div>
</template>

通过在组件的根元素上添加 “:key” 属性并设置为一个随机数,可以强制VueJS在每次组件渲染时生成一个新的 DOM,以避免浏览器缓存组件。这应该可以解决组件在刷新页面后才被调用的问题。

测试之后正常。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值