vue ref的基本使用-白红宇的个人博客

vue ref的基本使用

发布日期：2021-05-07 08:59:24 浏览次数：16 分类：精选文章

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

前言

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

ref获取dom元素

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

实例


   	
    使用ref获取dom元素

在这里插入图片描述

1、在标签上添加一个ref属性，然后为这个属性起一个别名

2、通过this.$refs['别名'] 可以获取到这个元素

3、除了数组方式也可以使用对象方法this.$refs.属性名，不过建议使用数组方式

实例

在这里插入图片描述

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

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

下一篇：element——table表格常用点

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！