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

2022-01-17 00:00:00 modal-dialog javascript vue.js

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

I've found this answer here: https://stackoverflow.com/a/50431015/11735826 and i wonder why .$el was used here, and also why does it not work without the el element?

推荐答案

当你在html标签上使用ref属性时,this.$refs.modal会返回DOM-element.

when you use ref attribute on the html tag, the DOM-element is returned by this.$refs.modal.

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

when you use ref attribute on the template tag, the component instance is returned, so this.$refs.modal.$el returns directly the DOM element. See https://vuejs.org/v2/api/#vm-el

相关文章