这是一个创建于 532 天前的主题，其中的信息可能已经有所发展或是发生改变。
const pagination = reactive({ page: 1, total: 9, page_size: 3 }) const showChart = computed(() => (i: number) => { let offset = (pagination.page-1)*pagination.page_size console.log(i, i > offset && i <= offset+pagination.page_size) return i > offset && i <= offset+pagination.page_size })
首次展示正确，点击分页按钮后不切换，这个怎么实现?
 |
1 doco 2024 年 12 月 30 日showChart 如果是绑定到图表上控制显隐的话直接改成方法, 不要用 computed |
 |
2 zhuoyue100 2024 年 12 月 30 日就是页面有 9 个元素，每次显示 3 个，用的 element plus 分页插件，分页时控制元素的显示隐藏，我上面写的没效果 |
 |
3 dingjs 2024 年 12 月 30 日把计算属性去掉就行了，这个返回函数多此一举，猜测应该是 computed 返回的函数未立即执行，没能收集到依赖，在分页变化后不会更新对应的函数。 分页场景下更合理的是用 计算属性 + 数组 slice 直接返回应该展示的数据，而不是用 v-show 。 typescript``` return i > offset && i <= offset + pagination.page_size; |
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。