基于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 相关文章推荐
优化网页之快速的呈现我们的网页
Jun 29 Javascript
div移动 输入框不能输入的问题
Nov 19 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
js实现前端图片上传即时预览功能
Aug 02 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
layui table 参数设置方法
Aug 14 Javascript
vue指令v-html使用过滤器filters功能实例
Oct 25 Javascript
JavaScript实现多球运动效果
Sep 07 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 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
咖啡知识大全
2021/03/03 新手入门
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
php使用NumberFormatter格式化货币的方法
2015/03/21 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
PHP实现图片压缩
2020/09/09 PHP
PHP工厂模式的日常使用
2019/03/20 PHP
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
2018/06/11 Javascript
如何为vue的项目添加单元测试
2018/12/19 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
Python语言的面相对象编程方式初步学习
2016/03/12 Python
Python 创建空的list,以及append用法讲解
2018/05/04 Python
python实现三维拟合的方法
2018/12/29 Python
Apache部署Django项目图文详解
2019/07/30 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
Transpose 数组行列转置的限制方式
2020/02/11 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
2014年网管工作总结
2014/12/11 职场文书
向女朋友道歉的话
2015/01/20 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
Python多个MP4合成视频的实现方法
2021/07/16 Python