基于vue1和vue2获取dom元素的方法


Posted in Javascript onMarch 17, 2018

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

以上这篇基于vue1和vue2获取dom元素的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
表单(FORM)的一些实用效果代码
Mar 25 Javascript
jquery一句话全选/取消全选
Mar 01 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
JavaScript实现图片懒加载(Lazyload)
Nov 28 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 Javascript
解决vue页面DOM操作不生效的问题
Mar 17 #Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 #Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 #Javascript
vue获取当前激活路由的方法
Mar 17 #Javascript
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 #Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 #Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 #Javascript
You might like
其他功能
2006/10/09 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
jquery模拟按下回车实现代码
2011/09/20 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
js 弹出框只弹一次(二次修改之后的)
2013/11/26 Javascript
javascript实现多级联动下拉菜单的方法
2015/02/06 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
JS实现超级好看的鼠标小尾巴特效
2020/12/01 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
Python中的pass语句使用方法讲解
2015/05/14 Python
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python实现停车管理系统
2018/11/30 Python
Python 判断奇数偶数的方法
2018/12/20 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python适合做数据挖掘吗
2020/06/16 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
Speedo澳大利亚官网:全球领先游泳品牌
2018/02/04 全球购物
趣味运动会简讯
2015/07/20 职场文书
2016应届毕业生实习评语
2015/12/01 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
MySQL的存储过程和相关函数
2022/04/26 MySQL