编程 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关于图形报表的运用实现代码

Jan 06 Javascript

jquery批量控制form禁用的代码

Aug 06 Javascript

js调用iframe实现打印页面内容的方法

Mar 04 Javascript

AngularJS内置指令

Feb 04 Javascript

jQuery子属性过滤选择器用法分析

Feb 10 Javascript

JavaScript 匿名函数和闭包介绍

Apr 13 Javascript

JavaScript实现移动端滑动选择日期功能

Jun 21 Javascript

Javascript函数中的arguments.callee用法实例分析

Sep 16 Javascript

微信小程序地图map详解及简单实例

Jan 10 Javascript

JavaScript实现图片放大镜效果

Jun 27 Javascript

浅谈vue 多个变量同时赋相同值互相影响

Aug 05 Javascript

JavaScript语法约定和程序调试原理解析

Nov 03 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桌面中心(一) 创建数据库

2007/03/11 PHP

php 如何获取数组第一个值

2013/08/06 PHP

递归删除一个节点以及该节点下的所有节点示例

2014/03/19 PHP

神盾加密解密教程（一）PHP变量可用字符

2014/05/28 PHP

Yii入门教程之目录结构、入口文件及路由设置

2014/11/25 PHP

PHP5.5迭代生成器用法实例详解

2016/03/16 PHP

php array_map使用自定义的函数处理数组中的每个值

2016/10/26 PHP

thinkPHP3.2使用RBAC实现权限管理的实现

2019/08/27 PHP

javascript比较文档位置

2008/04/08 Javascript

Javascript 页面模板化很多人没有使用过的方法

2012/06/05 Javascript

如何在JavaScript中实现私有属性的写类方式(二)

2013/12/04 Javascript

jQuery实现加入购物车飞入动画效果

2015/03/14 Javascript

JavaScript实现彩虹文字效果的方法

2015/04/16 Javascript

基于Flowplayer打造一款免费的WEB视频播放器附源码

2015/09/06 Javascript

JS本地刷新返回上一页代码

2016/07/25 Javascript

JS 终止执行的实现方法

2016/11/24 Javascript

浅谈javascript alert和confirm的美化

2016/12/15 Javascript

babel基本使用详解

2017/02/17 Javascript

H5实现中奖记录逐行滚动切换效果

2017/03/13 Javascript

JS之if语句对接事件动作逻辑(详解)

2017/06/28 Javascript

JavaScript模块管理的简单实现方式详解

2019/06/15 Javascript

JavaScript交换两个变量方法实例

2019/11/25 Javascript

[04:37]DOTA2英雄梦之声Vol20发条

2014/06/20 DOTA

python ip正则式

2009/05/07 Python

HTML5中语义化 b 和 i 标签

2008/10/17 HTML / CSS

捷克购买家具网站：JENA nábytek

2020/03/19 全球购物

英国专业美容产品在线：Mylee（从指甲到脱毛）

2020/07/06 全球购物

链表面试题-一个链表的结点结构

2015/05/04 面试题

敏捷开发的主要原则都有哪些

2015/04/26 面试题

运动会演讲稿100字

2014/08/25 职场文书

党建工作汇报材料

2014/12/24 职场文书

西湖英语导游词

2015/02/06 职场文书

2015年护士节活动总结

2015/02/10 职场文书

保研导师推荐信

2015/03/25 职场文书

Python提取PDF指定内容并生成新文件

2021/06/09 Python

SpringBoot深入分析讲解监听器模式下

2022/07/15 Java/Android