基于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 相关文章推荐
Js callBack 返回前一页的js方法
Nov 30 Javascript
JQuery 选择器、过滤器介绍
Feb 14 Javascript
javascript获取元素离文档各边距离的方法
Feb 13 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
javascript弹出拖动窗口
Aug 11 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
JavaScript动态绑定详解
Sep 14 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
在vue中使用Base64转码的案例
Aug 07 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中inlcude()性能对比详解
2012/09/16 PHP
PHPEXCEL 使用小记
2013/01/06 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
php实现的二叉树遍历算法示例
2017/06/15 PHP
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
js监听鼠标事件控制textarea输入字符串的个数
2014/09/29 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
vue 微信授权登录解决方案
2018/04/10 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
python实现连接mongodb的方法
2015/05/08 Python
python 性能提升的几种方法
2016/07/15 Python
windows下Virtualenvwrapper安装教程
2017/12/13 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
python字符串格式化方式解析
2019/10/19 Python
windows下Pycharm安装opencv的多种方法
2020/03/05 Python
Python PIL库图片灰化处理
2020/04/07 Python
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
经济与贸易专业应届生求职信
2013/11/19 职场文书
大学四年职业生涯规划书范文
2014/01/02 职场文书
大学生自我鉴定范文模板
2014/01/21 职场文书
会计电算化学生个人的自我评价
2014/02/08 职场文书
学习退步检讨书
2014/09/28 职场文书
Python实现DBSCAN聚类算法并样例测试
2021/06/22 Python
MySQL 条件查询的常用操作
2022/04/28 MySQL
Oracle锁表解决方法的详细记录
2022/06/05 Oracle