编程 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随便控制任意div隐藏的方法

Jun 28 Javascript

JS onmousemove鼠标移动坐标接龙DIV效果实例

Dec 16 Javascript

jquery实现效果比较好的table选中行颜色

Mar 25 Javascript

jquery重复提交请求的原因浅析

May 23 Javascript

详解webpack 如何集成第三方js库

Jun 29 Javascript

jQuery AJAX 方法success()后台传来的4种数据详解

Aug 08 jQuery

Vue2.0学习系列之项目上线的方法步骤(图文)

Sep 25 Javascript

详解Vue.js在页面加载时执行某个方法

Nov 20 Javascript

Nuxt.js 数据双向绑定的实现

Feb 17 Javascript

javascript导出csv文件（excel）的方法示例

Aug 25 Javascript

微信小程序实现吸顶效果

Jan 08 Javascript

JS的时间格式化和时间戳转换函数示例详解

Jul 27 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

PDO预处理语句PDOStatement对象使用总结

2014/11/20 PHP

window.js 主要包含了页面的一些操作

2009/12/23 Javascript

Jquery插件之多图片异步上传

2010/10/20 Javascript

JavaScript的作用域和块级作用域概念理解

2014/09/21 Javascript

js判断手机访问或者PC的几个例子(常用于手机跳转)

2015/12/15 Javascript

JS中setTimeout的巧妙用法前端函数节流

2016/03/24 Javascript

JS从一组数据中找到指定的单条数据的方法

2016/06/02 Javascript

JS组件系列之使用HTML标签的data属性初始化JS组件

2016/09/14 Javascript

清除浏览器缓存的几种方法总结(必看)

2016/12/09 Javascript

javascript实现一个网页加载进度loading

2017/01/04 Javascript

纯js实现的积木(div层)拖动功能示例

2017/07/19 Javascript

Vue按需加载的具体实现

2017/12/02 Javascript

vue.js $refs和$emit 父子组件交互的方法

2017/12/20 Javascript

VueJs监听window.resize方法示例

2018/01/17 Javascript

使用webpack4编译并压缩ES6代码的方法示例

2019/04/24 Javascript

Vue数据双向绑定底层实现原理

2019/11/22 Javascript

JS数组方法push()、pop()用法实例分析

2020/01/18 Javascript

在vue中动态修改css其中一个属性值操作

2020/12/07 Vue.js

[03:31]DOTA2英雄基础教程大地之灵

2013/12/17 DOTA

python实现小球弹跳效果

2019/05/10 Python

python字典排序的方法

2019/10/12 Python

python之array赋值技巧分享

2019/11/28 Python

浅谈Django QuerySet对象(模型.objects)的常用方法

2020/03/28 Python

tensorflow从ckpt和从.pb文件读取变量的值方式

2020/05/26 Python

canvas 如何绘制线段的实现方法

2018/07/12 HTML / CSS

浅谈移动端网页图片预加载方案

2018/11/05 HTML / CSS

环境工程求职简历的自我评价范文

2013/10/24 职场文书

数学系毕业生的自我评价

2014/01/10 职场文书

大学生村官典型材料

2014/01/12 职场文书

田径运动会开幕式及主持词

2014/03/28 职场文书

临床医学生职业规划书范文

2014/10/25 职场文书

领导干部考核评语

2015/01/04 职场文书

2015年安康杯竞赛活动总结

2015/03/26 职场文书

公司新员工欢迎词

2015/09/30 职场文书

街道办残联2016年助残日活动总结

2016/04/01 职场文书

2019年公司卫生管理制度样本

2019/08/21 职场文书