如何在Vue

Question

在React中使用箭头功能可以达到目的

class AppComponent extends Component {

  componentDidMount() {
    this.createAppComponent()
  }

  createAppComponent() {
    const node = this.node

  }
  render() {
    return <div ref={node => this.node = node}></div>
  }
}

如何在Vue组件中初始化相同的node属性？

Answer 1

在 Vue 中，您使用$el中的ref来获取底层的DOM元素。

<my-widget ref='theWidget' />

mounted() {
   const theElement = this.$refs.theWidget.$el
}

其他评论

如果您在循环中定义ref，则'theWidget'将是一个数组。

如果“组件”只是一个HTML元素（例如div或input）$el将是未定义的，因为“ theWidget”将是组件引用。