社区
JavaScript
帖子详情
vue中$el什么时候该加,什么是不该加
朽木自雕xmzd
2020-01-08 10:55:16
this.$refs.recommends.$el和this.$refs.recommends,一直搞不清楚到底在什么时候加$el,什么时候不加,当然我可以console.log()输出这两个东西,看里面是否有$el属性,在判断是否加$el。我的问题是能不能直接肉眼,就能看出该加还是不该加?
...全文
401
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
中
使用GraphQL实现聊天室
这是一门基于GraphQL+TypeScript+
Vue
的实战课程,课程主要讲解了如何搭建GraphQL Server,如何进行鉴权,如何开发基于WebSocket的订阅模型,以及在
Vue
中
如何调用Graphql接口。其
中
所以用到的技术有:
vue
-cli3.x,
vue
-router,Apollo,TypeScript,Jest,jwt等。通过本课程的学习使同学们对于GraphQL+
Vue
技术栈有一个初步的了解,可以简单的进行该技术栈的开发。
vue
中
$
el
等属性
1. 属性: 只举例常见的部分属性 * vm.$
el
获取
Vue
实例关联的DOM元素; * vm.$data 获取
Vue
实例的data选项(对象) * vm.$options 获取
Vue
实例的自定义属性(如vm.$options.methods,获取
Vue
实例的自定义属性methods) * vm.$refs 获取页面
中
所有含有ref属性的DOM元素(如vm.$refs.h
el
lo,获取页面
中
含有属性ref = “h
el
lo”的DOM元素,如果有多个元素,那么只返回最后一个) 2. $
el
和 $r
VUE
$refs 与 $
el
最强详解
$refs 与 $
el
是什么? 作用是什么? ref,$refs,$
el
,三者之间的关系是什么?看本博主为您带来的最新文章,通过大量的列子来给你讲解,请带上你聪明的大脑,在这个过程
中
希望你可以举一反三。 ref (给元素或者子组件注册引用信息)就像你要给元素设置样式,就需要先给元素设定一个 class 一样,同理,你想获取哪个元素的 DOM,就给这个元素先设定一个 ref,其实这里和 JS
中
的 document.各种方法获取 DOM 差不多,不过 ref 是访问
VUE
虚拟出来的DOM,...
Vue
进阶(幺陆陆):组件实例 $
el
详解
$
el
用于获取
Vue
实例挂载的DOM元素,在mounted生命周期
中
才有效,之前的钩子函数内无效。如下代码所示,
Vue
脚手架
中
,$
el
指向当前组件template模板
中
的根标签。 <template> <div id="root"> <h1 @click="fn()"> Lorem, ipsum </h1> </div> </template> <script> export defau
VUE
中
$refs和$
el
的使用
ref: 给元素或者子组件注册引用信息 ref有三种用法: 1.ref
加
在普通元素上,获取用this.$ref.xxx可以获取到dom元素。 <div ref="system">测试</div> // 获取 mounted() { console.log(this.$refs.system); } 2.ref
加
在子组件上,用this.$ref.xxx可以获取到组件实例,可以使用子组件的所有方法。 使用: // this.$ref.xxx.方法名() // 父组件 <con
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章