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

表单(FORM)的一些实用效果代码

Mar 25 Javascript

jquery一句话全选/取消全选

Mar 01 Javascript

jQuery简单实现banner图片切换

Jan 02 Javascript

JavaScript二维数组实现的省市联动菜单

May 08 Javascript

JS实现仿QQ聊天窗口抖动特效

May 10 Javascript

jQuery事件绑定on()、bind()与delegate() 方法详解

Jun 03 Javascript

JS 拼凑字符串的简单实例

Sep 02 Javascript

JavaScript实现图片懒加载(Lazyload)

Nov 28 Javascript

Js利用console计算代码运行时间的方法示例

Sep 24 Javascript

在vue项目中使用Nprogress.js进度条的方法

Jan 31 Javascript

JavaScript实现简单动态进度条效果

Apr 06 Javascript

vue+echarts实现可拖动节点的折线图（支持拖动方向和上下限的设置）

Apr 12 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

其他功能

2006/10/09 PHP

php中通过curl smtp发送邮件

2012/06/05 PHP

PHP采用自定义函数实现遍历目录下所有文件的方法

2014/08/19 PHP

PHP连接MySQL进行增、删、改、查操作

2017/02/19 PHP

PHP判断json格式是否正确的实现代码

2017/09/20 PHP

kindeditor 加入七牛云上传的实例讲解

2017/11/12 PHP

详解Laravel服务容器的绑定与解析

2019/11/05 PHP

Laravel 手动开关 Eloquent 修改器的操作方法

2019/12/30 PHP

jquery模拟按下回车实现代码

2011/09/20 Javascript

分享精心挑选的12款优秀jQuery Ajax分页插件和教程

2012/08/09 Javascript

利用js实现遮罩以及弹出可移动登录窗口

2013/07/08 Javascript

JS两种定义方式的区别、内部原理

2013/11/21 Javascript

js 弹出框只弹一次(二次修改之后的)

2013/11/26 Javascript

javascript实现多级联动下拉菜单的方法

2015/02/06 Javascript

JS实现样式清新的横排下拉菜单效果

2015/10/09 Javascript

JavaScript类型系统之Object详解

2016/01/07 Javascript

JavaScript如何实现跨域请求

2016/08/05 Javascript

详解webpack进阶之loader篇

2017/08/23 Javascript

垃圾回收器的相关知识点总结

2018/05/13 Javascript

JS实现超级好看的鼠标小尾巴特效

2020/12/01 Javascript

element-ui 弹窗组件封装的步骤

2021/01/22 Javascript

Python中的pass语句使用方法讲解

2015/05/14 Python

Python设置Socket代理及实现远程摄像头控制的例子

2015/11/13 Python

Python 实现一行输入多个值的方法

2018/04/21 Python

python实现停车管理系统

2018/11/30 Python

Python 判断奇数偶数的方法

2018/12/20 Python

Python 转换RGB颜色值的示例代码

2019/10/13 Python

python适合做数据挖掘吗

2020/06/16 Python

PyCharm 2020.2下配置Anaconda环境的方法步骤

2020/09/23 Python

用python监控服务器的cpu,磁盘空间,内存,超过邮件报警

2021/01/29 Python

Speedo澳大利亚官网：全球领先游泳品牌

2018/02/04 全球购物

趣味运动会简讯

2015/07/20 职场文书

2016应届毕业生实习评语

2015/12/01 职场文书

财务人员廉洁自律心得体会

2016/01/13 职场文书

django如何自定义manage.py管理命令

2021/04/27 Python

MySQL的存储过程和相关函数

2022/04/26 MySQL