编程 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 相关文章推荐

jquery中常用的SET和GET

Jan 13 Javascript

学习ExtJS 访问容器对象

Oct 07 Javascript

div拖拽插件——JQ.MoveBox.js(自制JQ插件)

May 17 Javascript

JavaScript获取table中某一列的值的方法

May 06 Javascript

js/jquery判断浏览器的方法小结

Sep 02 Javascript

jQuery ajax MD5实现用户注册即时验证功能

Oct 11 Javascript

微信小程序获取手机号授权用户登录功能

Nov 09 Javascript

Angularjs Promise实例详解

Mar 15 Javascript

vue input 输入校验字母数字组合且长度小于30的实现代码

May 16 Javascript

微信小程序的开发范式BeautyWe.js入门详解

Jul 10 Javascript

解决vue请求接口第一次成功,第二次失败问题

Sep 08 Javascript

JS前端canvas交互实现拖拽旋转及缩放示例

Aug 05 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

PHP如何利用P3P实现跨域

2013/08/24 PHP

php使用类继承解决代码重复的问题

2015/02/11 PHP

php根据指定位置和长度获得子字符串的方法

2015/03/17 PHP

php大小写转换函数(strtolower、strtoupper)用法介绍

2017/11/17 PHP

如果文字过长,则将过长的部分变成省略号显示

2006/06/26 Javascript

JQuery开发的数独游戏代码

2010/10/29 Javascript

取消选中单选框radio的三种方式示例介绍

2013/12/23 Javascript

JS实现自适应高度表单文本框的方法

2015/02/25 Javascript

jquery实现Slide Out Navigation滑出式菜单效果代码

2015/09/07 Javascript

如何利用AngularJS打造一款简单Web应用

2015/12/05 Javascript

JS简单封装的图片无缝滚动效果示例【测试可用】

2017/03/22 Javascript

基于JS实现网页中的选项卡（两种方法）

2017/06/16 Javascript

vue组件学习教程

2017/09/09 Javascript

vue2.0与bootstrap3实现列表分页效果

2017/11/28 Javascript

koa socket即时通讯的示例代码

2018/09/07 Javascript

js中比较两个对象是否相同的方法示例

2019/09/02 Javascript

JS面向对象之多选框实现

2020/01/17 Javascript

Vue路由切换页面不更新问题解决方案

2020/07/10 Javascript

openlayers实现地图弹窗

2020/09/25 Javascript

[02:15]2014DOTA2国际邀请赛赛后退役选手回顾

2014/08/01 DOTA

[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼

2017/03/24 DOTA

python中global用法实例分析

2015/04/30 Python

python使用参数对嵌套字典进行取值的方法

2019/04/26 Python

使用pandas 将DataFrame转化成dict

2019/12/10 Python

Python装饰器结合递归原理解析

2020/07/02 Python

Python操作word文档插入图片和表格的实例演示

2020/10/25 Python

Pycharm中如何关掉python console

2020/10/27 Python

python Matplotlib基础--如何添加文本和标注

2021/01/26 Python

CSS3绘制不规则图形的一些方法示例

2015/11/07 HTML / CSS

全面解析HTML5中的标准属性与自定义属性

2016/02/18 HTML / CSS

Html5调用手机摄像头并实现人脸识别的实现

2018/12/21 HTML / CSS

Html5获取高德地图定位天气的方法

2019/12/26 HTML / CSS

PHP如何对用户密码进行加密

2014/07/31 面试题

师范应届生教师求职信

2013/11/05 职场文书

中药学专业毕业生推荐信

2014/07/10 职场文书

捐助倡议书

2015/01/19 职场文书