基于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 相关文章推荐
javascript 避免闭包引发的问题
Mar 17 Javascript
JS 常用校验函数
Mar 26 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
让IE8浏览器支持function.bind()方法
Oct 16 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
jQuery图片切换动画效果
Feb 28 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
深入了解javascript 数组的sort方法
Jun 01 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
vue之封装多个组件调用同一接口的案例
Aug 11 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 base64编码后解码乱码的解决办法
2014/06/19 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
新浪的图片新闻效果
2007/01/13 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
如何让页面加载完成后执行js
2013/06/26 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
AngularJS入门教程中SQL实例详解
2016/07/27 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
python实现换位加密算法的示例
2018/10/14 Python
Django choices下拉列表绑定实例
2020/03/13 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
婚礼主持结束词
2014/03/13 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
低碳环保口号
2014/06/12 职场文书
护士实习求职信
2014/06/22 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
详解Python为什么不用设计模式
2021/06/24 Python
Apache POI的基本使用详解
2021/11/07 Servers