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

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