vue.js - Vue父母的数据没有更新孩子的道具
问题描述
我有一个 vue 父组件,它在数据部分有一个计数器,如下所示:
data() {
return {
count: 0,
}
我将它作为道具传递给子组件
///on parent component
<child
:counter="count"
/>
/// on child component
export default {
props: {
counter: { type: Number, required: true },
}
但是当我更新父母的计数(加1)时,孩子的计数器没有改变,仍然是0。
这是子模板:
<template>
<div class="flex w-80 flex-col">
{{ counter }}
</div>
我在控制台上遇到的唯一错误是:[Vue 警告]:您可能在组件渲染函数中有无限更新循环。但是在其他 vue 组件中发现,所以我不认为这是原因。
我是 Vue 的新手,所以任何帮助将不胜感激
解决方案
推荐阅读
- jquery - 相关下拉菜单在 Laravel 中使用 ajax 返回 [object object]?
- session-variables - 如何在 session_write_close() 之后再次启动会话
- python - 我无法在我的 pd 饼图中添加标签
- graphql - 为什么 Postgraphile 的
连接类型在其节点列表中允许 NULL 吗? - android - 如何在 CarouselPicker 中设置 onclick
- swift - Xcode 搜索控制器 - 在开始时显示搜索栏 (Swift 4)
- javascript - 如何检查编辑的结果是否存在于量角器中?
- python - 如何在python中打印所有收到的发布请求包括标题
- java - java和oracle 12c之间的加密值不匹配
- reactjs - react-google-maps:打开多个信息窗口