Question

我在聚合物下面有这个自定义元素

 <parent-element> 
     <child-element myData="{{data}}"> </child-element>   <!--modifies the data-->
     <!-- Want to pass updated data to child-element-2-->

     <child-element-2> </child-element-2> 
 </parent-element>

让我知道如何将更新的数据传递给第二个子元素

Answer 1

数据绑定是这里的方式。
您应该在属性中使用属性的破折号，而在属性中使用camelCase。您可以在Polymer文档Property name to attribute name mapping中阅读此内容。

<dom-module id="my-element">
  <template>
    <my-child-one data="{{data}}"></my-child-one>
    <my-child-two add-data="[[data]]"></my-child-two>
  </template>
  <script>
   Polymer({
     is: 'my-element',

       properties: {

         data: {
          type: String,
       },
   });
  </script>
</dom-module>

另外，不要忘记在my-child-one Element内的属性上设置notify为true。

如何将数据从子自定义元素传递回到在Polymer 2中调用它的父元素

1 个答案: