vue中$refs的基本介绍及语法介绍

2024年06月14日 建站教程

vue中$refs有什么用,下面web建站小编给大家介绍一下$refs的基本介绍及语法介绍!

$refs的基本用法

1、ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素

2、ref 加在子组件上,用this.$refs.(ref值) 获取到的是组件实例,可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了。

3、如何利用 v-for 和 ref 获取一组数组或者dom 节点(:ref =某变量)

$refs的语法用法

<hello ref="app"></hello>

console.log(this.$refs.app.innerText);

this.$refs.app.style.color = 'yellow';

console.log(this.$refs.app.msg);// 获取组件数据

console.log(this.$refs.app.test);// 获取组件的方法

本文链接:http://so.lmcjl.com/news/6556/

展开阅读全文