Polymer 1.x:在iron页面之间调用函数,并在role=”时传递数据;“主要”;

Polymer 1.x:在iron页面之间调用函数,并在role=”时传递数据;“主要”;,polymer,polymer-1.0,progressive-web-apps,polymer-starter-kit,Polymer,Polymer 1.0,Progressive Web Apps,Polymer Starter Kit,我的项目结构如下 <my-app></my-app> //in index.html 在这里,对于data-prop2,我将添加一个观察者,以便在my-page1.html中为data-prop1分配数据时,在my-page2.html中调用观察者 在我看来,这不是正确的方法!因此,this.fire只能用于触发从子级到父级的函数,因此如果我需要在组件或子级同级之间通信特定函数,我应该怎么做 通过数据模型进行通信是推荐的方法。(我稍后给你拿参考资料。) 还建议观看Rob

我的项目结构如下

<my-app></my-app> //in index.html
在这里,对于data-prop2,我将添加一个观察者,以便在my-page1.html中为data-prop1分配数据时,在my-page2.html中调用观察者


在我看来,这不是正确的方法!因此,
this.fire
只能用于触发从子级到父级的函数,因此如果我需要在组件或子级同级之间通信特定函数,我应该怎么做

通过数据模型进行通信是推荐的方法。(我稍后给你拿参考资料。)

还建议观看Rob谈论单向数据流移动,

我正在做的是,使用querySelector获取页面的实例并在其中调用方法

详情如下:

var myPage2 = null;
myPage2 = document.querySeletor('my-page2');
// Now call your function from here
myPage2.yourFunction(param1, param2);
`

你的my-page2将具有YourPage2功能

<iron-pages selected="0">
  <my-page1 data-prop1={{dataProp1}}></my-page1>
  <my-page2 data-prop2=[[dataProp1]]></my-page2>
  <my-page3></my-page3>
</iron-pages>
var myPage2 = null;
myPage2 = document.querySeletor('my-page2');
// Now call your function from here
myPage2.yourFunction(param1, param2);