社区
JavaScript
帖子详情
vue中$el什么时候该加，什么是不该加
朽木自雕xmzd
2020-01-08 10:55:16
this.$refs.recommends.$el和this.$refs.recommends，一直搞不清楚到底在什么时候加$el，什么时候不加，当然我可以console.log()输出这两个东西，看里面是否有$el属性，在判断是否加$el。我的问题是能不能直接肉眼，就能看出该加还是不该加？
...全文
463
2
打赏
收藏
vue中$el什么时候该加，什么是不该加
this.$refs.recommends.$el和this.$refs.recommends，一直搞不清楚到底在什么时候加$el，什么时候不加，当然我可以console.log()输出这两个东西，看里面是否有$el属性，在判断是否加$el。我的问题是能不能直接肉眼，就能看出该加还是不该加？
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
朽木自雕xmzd
2020-01-08
打赏
举报
回复
引用 1 楼 那杯热咖啡 的回复:
$el 应该是获取vue实例的dom对象，放在mounted中才有效。
怎么判断它是不是vue实例的dom对象，我在去研究下，感谢
李多肉同学
2020-01-08
打赏
举报
回复
$el 应该是获取vue实例的dom对象，放在mounted中才有效。
VUE
$refs 与 $
el
最强详解
本文详细介绍了
Vue
.js
中
$refs和$
el
的用途及它们之间的关系。$refs用于注册引用信息，方便访问组件或元素的DOM；$
el
则用于获取组件内部的DOM。通过四个具体案例，展示了如何使用$refs触发元素事件、获取元素高度、调用子组件方法以及在何时使用$nextTick。文章深入浅出，适合
Vue
.js开发者参考学习。
Vue
-$
el
属性
本文深入剖析
Vue
.js的$
el
属性，介绍其本质是
Vue
实例管理的根DOM元素对象，说明了访问时机及与模板的关系。阐述了$
el
在集成第三方库、操作DOM样式等方面的使用场景，同时给出使用时的注意事项，还提及它与其他API的协作，强调开发
中
要谨慎使用。
Vue
—组件实例之$
el
本文介绍了
Vue
组件实例
中
的$
el
属性，它在mounted钩子函数后生效，用于获取组件挂载的DOM元素。在
Vue
脚手架
中
，$
el
对应template模板的根元素。
vue
中
$
el
等属性
本文介绍了
Vue
实例
中
的$
el
和$refs属性，$
el
用于获取
Vue
实例关联的DOM元素，而$refs则用于访问页面
中
带有ref属性的DOM元素或组件。在组件
中
，$refs提供了对整个组件（包括data、DOM、methods等）的引用，而$
el
仅指向组件的DOM元素。当需要通过JavaScript触发DOM元素的事件时，如模拟点击，需要使用$nextTick结合$refs.$
el
.click()。
Vue
中
$refs和$
el
的使用
本文详细讲解了
Vue
中
$refs的四种常见用法，包括普通元素引用、子组件引用、v-for与ref的结合，以及ref的使用注意事项。同时介绍了$
el
如何获取组件挂载的DOM元素。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章
发帖
与我相关
我的任务
分享
