从实例化组件访问目标

Question

我有一个我用

实例化的App组件

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

我还没有找到一种方法从oncreate hook中的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>