javascript - Polymer，访问自定义元素/命名空间问题

Question

我在开发 Polymer 应用程序时遇到了一些范围问题。本质上，我尝试使用自定义元素作为包含相关逻辑的类。

假设我有一个监听器正在监听自定义 elem 元素上的单击事件，并且我想访问另一个元素中的函数，在本例中为元素parent，parent:

<polymer-element name="custom-elem">
  <template>
  </template>
  <script>
     Polymer({
        attached: function(){
               this.addEventListener('mousedown', function(e) {
                    if (e.which === 1){
                      this.parentNode.parentNode.testFunc(e);
                      //or this.parentNode.querySelector.... etc
                    }
                    else if (e.which === 3){
                    }


                }.bind(this));
}
</script>
</polymer-element>

我发现我必须遍历 DOM 才能找到我要查找的元素，或者在新创建的元素中创建引用。我意识到我可以在包含上述逻辑的外部脚本中创建一个对象，但这似乎使定义自定义元素/Web 组件的目的无效。

有没有办法可以轻松访问 Polymer 注册元素的成员，而无需导航 DOM 且无需创建外部脚本？

Answer 1

我认为，如果您重新考虑您的方法，使其更加符合 Polymer 的设计初衷，您会过得更轻松。这可能会有所帮助 - https://stackoverflow.com/a/23963632