“约见”面试官系列之常见面试题之第一百零八篇之如何获取dom（建议收藏）

vue1.*版本中

在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素

例如：<div class='box' v-el: myBox>你好</div>

让你好的颜色显示为红色：this.$els.my-box.style.color = 'red'

vue2.*版本中

在标签中加上ref='dom'，然后在代码中this.$refs.dom这样就拿到了页面元素

例如：<div class='box' ref='myBox'>你好</div>

让你好的颜色显示为红色：this.$refs.myBox.style.color = 'red

“约见”面试官系列之常见面试题之第一百零八篇之如何获取dom（建议收藏）相关推荐

“约见”面试官系列之常见面试题第三十三篇之事件委托（建议收藏）
目录概述引入原因具体写法适用场景概述 "事件处理程序过多"问题的解决方案就是事件委托,利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件. 事件冒泡:由 ...
“约见”面试官系列之常见面试题第二十四篇之vue-router使用（建议收藏）
开发的时候有时候会遇到一种情况,比如 :点击这个链接跳转到其他组件的情况,通常会跳转到新的页面,蛋是,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用. ...
“约见”面试官系列之常见面试题第二十二篇之函数闭包（建议收藏）
目录 1.概念 2.特点 3.闭包的创建: ---------------------------------------------我是容易看懂的分界线-------------------- ...
“约见”面试官系列之常见面试题第十九篇之数组去重（建议收藏）
目录数组去重的方法一.利用ES6 Set去重(ES6中最常用) 二.利用for嵌套for,然后splice去重(ES5中最常用) 三.利用indexOf去重四.利用sort() 五.利用对象的属 ...
“约见”面试官系列之常见面试题第十四篇之所有数据类型（建议收藏）
最近有很多人说数据类型是 6种.我怎么记得JS的数据类型有8种.最近发现好多人对JS的基础不太了解.很多数据类型都没有搞清楚.不BB,我就按我的理解写一波笔记,每次看一波书我就感觉一次比一次多懂一点. ...
“约见”面试官系列之常见面试题之第九十三篇之vue获取数据在哪个周期函数（建议收藏）
然后必须知道一点,vue是数据驱动的(只关心data即可),换句话说,就是,只要我能操作到 data中的数据即可. 所以,根据上面的生命周期,其实你放到 mounted中完全可以,因为这个阶段data ...
“约见”面试官系列之常见面试题之第九十一篇之简述Vue的生命周期适用于哪些场景（建议收藏）
答:beforeCreate:在new一个vue实例后,只有一些默认的生命周期钩子和默认事件,其他的东西都还没创建.在beforeCreate生命周期执行的时候,data和methods中的数据都还没 ...
“约见”面试官系列之常见面试题之第九十篇之页面加载触发函数（建议收藏）
第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子本面试题为前端常考面试题,后续有机会继续完善.我是歌谣,一个沉迷于故事的讲述 ...
“约见”面试官系列之常见面试题第四十三篇之页面输入url之后发生了什么？（建议收藏）
本文主旨:帮助自己理清页面输入url地址之后的一个整体流程首先,用户第一次向服务器发送对应url地址请求,此时,客户端没有缓存 1.用户输入url通过DNS解析为对应的IP地址. 2.应用层:HTT ...

“约见”面试官系列之常见面试题之第一百零八篇之如何获取dom（建议收藏）

“约见”面试官系列之常见面试题之第一百零八篇之如何获取dom（建议收藏）相关推荐

最新文章

热门文章