基于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 相关文章推荐
用jquery和json从后台获得数据集的代码
Nov 07 Javascript
formvalidator验证插件中有关ajax验证问题
Jan 04 Javascript
js中apply方法的使用详细解析
Nov 04 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
vue+element实现表单校验功能
May 20 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 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调用dll的实例操作动画与代码分享
2012/08/14 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
PHP基于mssql扩展远程连接MSSQL的简单实现方法
2016/10/08 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
javascript数组快速打乱重排的方法
2014/01/02 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
jQuery解析json数据实例分析
2015/11/24 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
Python虚拟环境项目实例
2017/11/20 Python
学习python中matplotlib绘图设置坐标轴刻度、文本
2018/02/07 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
python实现停车管理系统
2018/11/30 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
班级活动总结格式
2014/08/30 职场文书
自查自纠工作总结
2014/10/15 职场文书
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
vue前端工程的搭建
2021/03/31 Vue.js
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
Java中的随机数Random
2022/03/17 Java/Android
GO中sync包自由控制并发示例详解
2022/08/05 Golang
table不让td文字溢出操作方法
2022/12/24 HTML / CSS