Question

我无法理解聚合物2中的数据绑定。我有一个简单的应用程序，该消息将消息存储在数据库中，并且我想显示消息总数并获取出版物。为此，我有3个组成部分： 1-从数据库中调用数据的主要方法 2-我在其中显示消息数量的第一个孩子 3-第三个基本上是“重复”，我可以在其中找到每条消息

问题是，即使很难在主要组件上访问，我也无法在第二个孩子上显示消息数，并且我正在使用2way数据绑定来绑定属性

我尝试将HTTP请求答案的类型更改为字符串而不是整数，原因可能是类型相关，但没有结果。

我构建它的方式如下所示：第一个组件看起来像这样

<!-- Styles and dom definition -->
<!-- this is how i bind the data -->
<secondComponent name="admin" publications="{{publications}}" countMessage="{{countMessage}}" on-new="handlenew"></secondComponent>

<!-- I skip to the properties -->
static get properties() {
        return {
          publications:{
            type : Array,
            notify: true,
          },
          countMessage:{
            type: String,
            notify: true,
          },
   }
};

“新建”是一个侦听器，用于在创建新消息时将事件触发给父级，以便在创建新发布时刷新countMessage和publications数组。效果很好。

第二个组件具有相同的属性，并将其与第三个组件绑定（不包括countMessage）

<!-- basically the same as above -->
<h1>{{countMessage}}</h1>
<thirdComponent publications="{{publications}}" on-new="handlenew"></thirdComponent>

<!-- to the properties -->
 static get properties() {
                return{
                    countMessage:{
                        type: String,
                        notify:true,
                    },
                    publications:{
                        type: Array,
                        notify: true,
                    }
                }
            }

我期望的是显示消息数量的第二个组件。

我已尝试使用eventListener在控制台中显示属性countMessage，因此在第一个组件中，我将属性缩放了，它显示了正确的数字，但在第二个组件中，它显然是“未定义的”，因此我无法显示它。

最后的评论：Publications属性在我不了解的每个组件中都可以正常显示，难道它不应该以相同的方式工作吗？

感谢您帮助我发现我的错误！

如何在子组件中显示整数

0 个答案: