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

jquery $.ajax入门应用二

Nov 19 Javascript

jquery实现当滑动到一定位置时固定效果

Jun 17 Javascript

谷歌地图打不开的解决办法

Aug 07 Javascript

使用JQ来编写最基本的淡入淡出效果附演示动画

Oct 31 Javascript

浅析AngularJS中的生命周期和延迟处理

Jun 18 Javascript

jQuery EasyUI实现右键菜单变灰不可用效果

Sep 24 Javascript

有关json_decode乱码及NULL的问题

Oct 13 Javascript

JS变量中有var定义和无var定义的区别以及es6中let命令和const命令

Feb 19 Javascript

JavaScript实现的数字与字符串转换功能示例

Aug 23 Javascript

详解Angular6学习笔记之主从组件

Sep 05 Javascript

关于layui 弹出层一闪而过就消失的解决方法

Sep 09 Javascript

js实现随机点名

Jan 19 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

nacos(1) MyBatis(5) seata(1) cv2(1) 三角函数(1) 面向接口(1) Flask Web(1) Android Studio(4) OpenGL(1) exec(1)

You might like

PHP实现根据浏览器跳转不同语言页面代码

2013/08/02 PHP

分享10段PHP常用代码

2015/11/11 PHP

PHP中使用mpdf 导出PDF文件的实现方法

2018/10/22 PHP

onpropertypchange

2006/07/01 Javascript

jQeury淡入淡出需要注意的问题

2010/09/08 Javascript

js实现幻灯片效果(基于jquery插件)

2013/11/05 Javascript

学习javascript的闭包,原型,和匿名函数之旅

2015/10/18 Javascript

Javascript基础_标记文字的实现方法

2016/06/14 Javascript

前端编码规范（3）JavaScript 开发规范

2017/01/21 Javascript

微信小程序获取手机号授权用户登录功能

2017/11/09 Javascript

Node.js使用Koa搭建基础项目

2018/01/08 Javascript

JS点击动态添加标签、删除指定标签的代码

2018/04/18 Javascript

React项目动态设置title标题的方法示例

2018/09/26 Javascript

微信小程序使用wxParse解析html的方法示例

2019/01/17 Javascript

使用Vue CLI创建typescript项目的方法

2019/08/09 Javascript

javascript实现点击星星小游戏

2019/12/24 Javascript

vue微信分享插件使用方法详解

2020/02/18 Javascript

解决vue中使用less/sass及使用中遇到无效的问题

2020/10/24 Javascript

Python 字符串定义

2009/09/25 Python

关于Python中异常(Exception)的汇总

2017/01/18 Python

利用Pyhton中的requests包进行网页访问测试的方法

2018/12/26 Python

Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析

2019/04/27 Python

python监控nginx端口和进程状态

2019/09/06 Python

python+selenium+PhantomJS抓取网页动态加载内容

2020/02/25 Python

python torch.utils.data.DataLoader使用方法

2020/04/02 Python

Python使用Paramiko控制liunx第三方库

2020/05/20 Python

Python web如何在IIS发布应用过程解析

2020/05/27 Python

企业面试题试卷附带答案

2015/12/20 面试题

JPA的特点

2014/10/25 面试题

机电一体化专业应届本科生求职信

2013/09/27 职场文书

导游词之京东大峡谷旅游区

2019/10/29 职场文书

nginx前后端同域名配置的方法实现

2021/03/31 Servers

关于HTML编码导致的乱码问题

2021/09/04 HTML / CSS

SONY600GR，国产收音机厂商永远的痛

2022/04/05 无线电

python双向链表实例详解

2022/05/25 Python

oracle设置密码复杂度及设置超时退出的功能

2022/06/28 Oracle