svelte - 从实例化组件访问目标

Question

我有一个应用程序组件，我用它来实例化

const app = new App({
    target: document.querySelector('#app')
});

我还没有找到从 oncreate 钩子中的 App 组件到达目标节点的方法：

<script type="text/javascript">
    export default {
        oncreate() {
          console.log(/*target*/);
        }
    };
</script>

Answer 1

有一个建议将options对象oncreate作为参数传递给，所以你可以这样做：

export default {
  oncreate ( options ) {
    console.log( options.target );
  }
};

但与此同时，您可以使用 refs 来做到这一点：

<div ref:myRef>...</div>

<script>
  export default {
    oncreate () {
      var target = this.refs.myRef.parentNode;
      console.log( target );
    }
  };
</script>