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

Js callBack 返回前一页的js方法

Nov 30 Javascript

JQuery 选择器、过滤器介绍

Feb 14 Javascript

javascript获取元素离文档各边距离的方法

Feb 13 Javascript

javascript限制文本框输入值类型的方法

May 07 Javascript

javascript弹出拖动窗口

Aug 11 Javascript

jQuery实现百度登录框的动态切换效果

Apr 21 jQuery

jQuery中each循环的跳出和结束实例

Aug 16 jQuery

JavaScript动态绑定详解

Sep 14 Javascript

详解如何在Vue里建立长按指令

Aug 20 Javascript

小程序开发中如何使用async-await并封装公共异步请求的方法

Jan 20 Javascript

mpvue微信小程序的接口请求fly全局拦截代码实例

Nov 13 Javascript

在vue中使用Base64转码的案例

Aug 07 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中inlcude()性能对比详解

2012/09/16 PHP

PHPEXCEL 使用小记

2013/01/06 PHP

PHP学习笔记（一）简单了解PHP

2014/08/04 PHP

PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别

2014/11/20 PHP

微信利用PHP创建自定义菜单的方法

2016/08/01 PHP

php实现的二叉树遍历算法示例

2017/06/15 PHP

Extjs优化(二)Form表单提交通用实现

2013/04/15 Javascript

简单常用的幻灯片播放实现代码

2013/09/25 Javascript

解决用jquery load加载页面到div时,不执行页面js的问题

2014/02/22 Javascript

js监听鼠标事件控制textarea输入字符串的个数

2014/09/29 Javascript

一个仿微博登陆邮箱提示框js开发案例

2016/07/28 Javascript

JS防止网页被嵌入iframe框架的方法分析

2016/09/13 Javascript

在 Angular 中实现搜索关键字高亮示例

2017/03/21 Javascript

vue 微信授权登录解决方案

2018/04/10 Javascript

解决element-ui中下拉菜单子选项click事件不触发的问题

2018/08/22 Javascript

ES6知识点整理之模块化的应用详解

2019/04/15 Javascript

JavaScript构造函数原理及实现流程解析

2020/11/19 Javascript

[02:09]抵达西雅图！中国军团加油！

2014/07/07 DOTA

[06:35]2014DOTA2国际邀请赛老男孩梦圆西雅图中国军团世界最强

2014/07/22 DOTA

python实现连接mongodb的方法

2015/05/08 Python

python 性能提升的几种方法

2016/07/15 Python

windows下Virtualenvwrapper安装教程

2017/12/13 Python

Python 使用PIL中的resize进行缩放的实例讲解

2018/08/03 Python

pyspark操作MongoDB的方法步骤

2019/01/04 Python

python字符串格式化方式解析

2019/10/19 Python

windows下Pycharm安装opencv的多种方法

2020/03/05 Python

Python PIL库图片灰化处理

2020/04/07 Python

客服端调用EJB对象的几个基本步骤

2012/01/15 面试题

经济与贸易专业应届生求职信

2013/11/19 职场文书

大学四年职业生涯规划书范文

2014/01/02 职场文书

大学生自我鉴定范文模板

2014/01/21 职场文书

会计电算化学生个人的自我评价

2014/02/08 职场文书

学习退步检讨书

2014/09/28 职场文书

Python实现DBSCAN聚类算法并样例测试

2021/06/22 Python

MySQL 条件查询的常用操作

2022/04/28 MySQL

Oracle锁表解决方法的详细记录

2022/06/05 Oracle