vue3中详情子页面的组件列表加载一次后再次点击其他详情就不重新请求加载了

在 Vue.js 中使用 a-pagination 组件时,如果你希望在点击分页或改变页面大小时不重新请求数据,可以考虑以下几种方法:

使用本地数据:如果数据量不大,可以在第一次请求数据后将数据保存在组件的状态中(例如 data 或 computed 属性),然后在分页时直接从本地数据中获取。

条件请求:在 approveLogList 方法中,添加条件判断,只有在特定情况下(如首次加载或数据过期)才进行数据请求。

缓存数据:在数据请求后,将数据缓存到 Vuex 或其他状态管理方案中,分页时直接从缓存中获取数据。

这里的assetId是点击的时候传过来的

  // 监听 assetId 的变化
  watch(() => props.assetId, (newVal, oldVal) => {
    if (newVal !== oldVal) {
      // 当 assetId 变化时重新请求数据
      approveLogList();
    }
  });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

onejson

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值