从实例化组件访问目标

Question

我有一个实例化的 App 组件

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

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

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

Answer 1

有一个 proposal 可以将 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>

从实例化组件访问目标

Access target from a instantiated component

svelte