Vue - 何时以及为什么使用 $el

【问题标题】：Vue - when and why using $elVue - 何时以及为什么使用 $el
【发布时间】：2020-02-12 00:26:13
【问题描述】：

我在这里找到了这个答案： https://stackoverflow.com/a/50431015/11735826 我想知道为什么在这里使用 .$el ，以及为什么没有 el 元素它不能工作？

【问题讨论】：

【解决方案1】：

当您在 html 标签上使用ref 属性时，DOM 元素由this.$refs.modal 返回。

当你在模板标签上使用ref属性时，会返回组件实例，所以this.$refs.modal.$el直接返回DOM元素。见https://vuejs.org/v2/api/#vm-el

【讨论】：

【解决方案2】：

$el 返回给定 Vue 实例（无论是主实例还是组件）绑定到的 HTML 元素。通过使用this.$refs.modal.$el，答案获取this.$refs.modal 的底层HTML 元素，然后将其封装在一个jQuery 对象中以调用模态方法。

【讨论】：