编程 Javascript

基于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元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

mengyunxiu121415

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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