Question

我嵌套了相互交互的自定义元素。

<dom-module id="custom-element">
  <template>
    <button on-click="toParent">Send to parent</button>
  </template>
  <script>
    Polymer({
      is: "custom-element",
      properties:{
        bindingTest: {
          type: String, 
          notify: true
        }
      },
      toParent: function () {
        this.bindingTest = "change of binding test"
      }
    });
  </script>
</dom-module>

儿童自定义元素：

{{1}}

如果我理解正确，this.bindingTest =＆＃34;更改绑定测试＆＃34;应该通知父自定义元素和＆＃34;找到＆＃34;参数应该等于＆＃34;更改绑定测试＆＃34;必须调用字符串，即toParent函数，但由于某种原因，它不会被调用。如何在bindingTest更改时通知父级？

Answer 1

编辑：

这里的问题是您正在错误地访问子元素的bindingTest属性。来自documentation

为了使用属性配置元素的camel-case属性，应在属性名称中使用dash-case。

因此，您需要将custom-element标记更改为：

<custom-element binding-test="{{found}}"></custom-element>

我已经设置了一个here用于查看。{/ p>

数据绑定属性的更改不会向上传播

1 个答案: