博客
关于我
vue ref的基本使用
阅读量:331 次
发布时间:2019-03-04

本文共 422 字,大约阅读时间需要 1 分钟。

前言

之前对于ref的理解一直是通过该属性可以获取dom元素,后来才知道除了可以获取dom元素也可以用在组件当中

ref获取dom元素

vue是不直接操作dom元素的,但是有时候确实会用到那么怎么办?可以使用原始的js,也可以使用jQuery;但是vue为我们提供了ref这个属性

实例

使用ref获取dom元素

在这里插入图片描述

1、在标签上添加一个ref属性,然后为这个属性起一个别名
2、通过this.$refs['别名'] 可以获取到这个元素
3、除了数组方式也可以使用对象方法this.$refs.属性名,不过建议使用数组方式

ref获取组件

实例

在这里插入图片描述

1、在组件上添加一个ref属性,并为这个组件起一个别名

2、通过this.$refs['别名']可以获取到这个组件。当获取到组件后,你可以得到组件中的属性,也可以调用组件中的方法

转载地址:http://yegh.baihongyu.com/

你可能感兴趣的文章
Python写代码的时候为什么要注释?Sun因此被Oracle收购
查看>>
JAVA高并发集合详解
查看>>
解决Spirng注入时名称下的红色波浪线
查看>>
操作系统知识概述
查看>>
读懂操作系统(x64)之堆栈帧(过程调用)
查看>>
仓储模式到底是不是反模式?
查看>>
VS2015安装EF Power Tools
查看>>
Web APi之捕获请求原始内容的实现方法以及接受POST请求多个参数多种解决方案(十四)
查看>>
ASP.NET MVC之JsonResult(六)
查看>>
SQL Server之深入理解STUFF
查看>>
EntityFramework 6.x和EntityFramework Core关系映射中导航属性必须是public?
查看>>
使用mybatis-generator生成底层
查看>>
Android APK 重签名
查看>>
Mybatis【3】-- Mybatis使用工具类读取配置文件以及从属性读取DB信息
查看>>
Mybatis【5】-- Mybatis多种增删改查那些你会了么?
查看>>
Mybatis【7】-- Mybatis如何知道增删改是否成功执行?
查看>>
Mybatis【9】-- Mybatis占位符#{}和拼接符${}有什么区别?
查看>>
计算输入的一句英文语句中单词数
查看>>
zabbix系列之十——添加短信告警
查看>>
docker复制文件到宿主机
查看>>