Polymer 3 Mixin-是否可以像在Polymer 1行為中那樣在mixin中實現宿主屬性？

Question

我正在將Polymer 1行為轉換為Polymer 3 mixin。

使用Polymer 1行為，我可以在該行為中放置一個主機屬性。 Polymer 3 Mixins可以做到嗎？

聚合物1的行為：

<script>
  AccountBehavior = {
    properties: {
      tabactivated: Boolean
    },

    observers: ['_refreshActivePosts(tabactivated)'],

    _refreshActivePosts: function(tabactivated) {
      if (tabactivated) {
        this.$.account.refreshAjax();
      }
    }
  }
</script>

Answer 1

不知道我能確切記得舊的主機屬性做什么。 但是我寫了這個module來查找元素的宿主

export default function domHost(self) {
  let parent = self.parentNode;
  while(parent && parent.nodeType !== 11) {
    parent = parent.parentNode;  //work up the hierarchy
  }

  return parent ? parent.host : self;
}

我經常使用它來將事件偵聽器添加到我的托管元素中，如下所示：-

 connectedCallback() {
    super.connectedCallback();
    this.domHost = domHost(this);
    this.domHost.addEventListener('pas-filelocation-request', this._gotRequest);
  }
  disconnectedCallback() {
    super.disconnectedCallback();
    this.domHost.removeEventListener('pas-filelocation-request', this._gotRequest);
  }