编程 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 28 Javascript

在VS2008中使用jQuery智能感应的方法

Dec 30 Javascript

如何将一个String和多个String值进行比较思路分析

Apr 22 Javascript

使用JS CSS去除IE链接虚线框的三种方法

Nov 14 Javascript

jquery mobile的触控点击事件会多次触发问题的解决方法

May 08 Javascript

jQuery EasyUI中DataGird动态生成列的方法

Apr 05 Javascript

webuploader模态框ueditor显示问题解决方法

Dec 27 Javascript

JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)

Jan 06 Javascript

Vue cli3 库模式搭建组件库并发布到 npm的流程

Oct 12 Javascript

JavaScript判断浏览器运行环境的详细方法

Jun 30 Javascript

教你30秒发布一个TypeScript包到NPM的方法步骤

Jul 22 Javascript

vue项目创建步骤及路由router

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

基于Zookeeper的使用详解

2013/05/02 PHP

php动态生成函数示例

2014/03/21 PHP

IIS6.0 开启Gzip方法及PHP Gzip函数分享

2014/06/08 PHP

php使用curl打开https网站的方法

2015/06/17 PHP

总结PHP中DateTime的常用方法

2016/08/11 PHP

jquery ajax提交表单数据的两种方式

2009/11/24 Javascript

JavaScript中合并数组的N种方法

2014/09/16 Javascript

js jquery获取当前元素的兄弟级上一个下一个元素

2015/09/01 Javascript

JavaScript制作淘宝星级评分效果的思路

2020/06/23 Javascript

Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态

2015/11/26 Javascript

jquery事件绑定解绑机制源码解析

2016/09/19 Javascript

详解Vuejs2.0之异步跨域请求

2017/04/20 Javascript

js实现点击切换checkbox背景图片的简单实例

2017/05/08 Javascript

vue2中filter()的实现代码

2017/07/09 Javascript

基于JavaScript实现报警器提示音效果

2017/10/27 Javascript

axios post提交formdata的实例

2018/03/16 Javascript

浅析js中mvvm模式实现的原理

2018/10/06 Javascript

javascript实现小型区块链功能

2019/04/03 Javascript

vue远程加载sfc组件思路详解

2019/12/25 Javascript

[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python映射拆分操作符用法实例

2015/05/19 Python

Python对象属性自动更新操作示例

2018/06/15 Python

Python装饰器语法糖

2019/01/02 Python

详解在python操作数据库中游标的使用方法

2019/11/12 Python

Python自动化测试笔试面试题精选

2020/03/12 Python

python 画图图例自由定义方式

2020/04/17 Python

Python可以实现栈的结构吗

2020/05/27 Python

CSS3制作Dropdown下拉菜单的方法

2015/07/18 HTML / CSS

html5实现canvas阴影效果示例

2014/05/07 HTML / CSS

Holland & Barrett爱尔兰：英国领先的健康零售商

2019/03/31 全球购物

留学自荐信的技巧

2013/10/17 职场文书

表扬信格式

2014/01/12 职场文书

大学校庆策划书

2014/01/31 职场文书

2014年党员干部四风问题自我剖析材料

2014/09/29 职场文书

护士辞职信怎么写

2015/02/27 职场文书

新农村建设指导员工作总结

2015/08/13 职场文书