vue父子组件传值，子组件需要获取父组件一个变化的值，但是子组件视图没有随获取的数据变化而变化？？

最新推荐文章于 2024-07-15 16:28:32 发布

神经质女孩

最新推荐文章于 2024-07-15 16:28:32 发布

阅读量637

点赞数

分类专栏： VUE JS 文章标签： vue.js

本文链接：https://blog.csdn.net/Love_yl/article/details/107221579

版权

在Vue应用中，遇到一个场景：父组件向子组件传递数据总条数用于分页显示。然而，子组件在获取到父组件变化的值后，视图并未随之更新。文章探讨了这个问题，并提出了两种解决方案：一是子组件使用`watch`监听数据变化；二是父组件模板中添加判断条件，避免子组件额外的`watch`操作。

摘要由CSDN通过智能技术生成

1、场景：

父组件：是一个数据列表页，需要在获取到列表中的数据总条数之后，将数值传递给子组件。

子组件：分页，获取父组件的数据总量后，进行for循环分页。

2、视图效果：

正确的视图显示	错误的视图显示

3、问题描述及代码呈现

当进入也页面时，分页显示为“错误的视图显示”，刷新页面也不管用。

//****************父组件************//
<template>
    <div class="tableList">
        <!-- 引入分页组件 -->
        <page

关注

专栏目录