Vue$refs操作DOM实现组件传值_vue3refs - CSDN文库

5星 · 超过95%的资源 95 浏览量更新于2023-03-16 评论收藏 65KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Vue $refs操作操作 DOM实现组件传值实现组件传值

怎么使用怎么使用ref

在使用框架的过程中有些时候我们不得不去操作dom节点，那么怎么操作呢？document…直接获取么？

这样不好！vue不推荐我们操作dom，那么怎么获取元素呢？

ref属性，则起到了它的作用–

我们首先来引用官网的关于ref属性的介绍

什么意思、通俗的讲就是给html标签添加一个ref属性指向一个名称，然后在vue实例当中使用 this.$refs去调用（this.$refs是

一个对象）

.deng {

width: 100px;

height: 100px;

border: 1px solid black;

}

.yellow {

background-color: yellow;

}

.gray {

background-color: gray;

}

Vue.component(“but”, {

methods: {

kai() {

let father = app.$refs;

father.ba.color = “yellow”;

},

guan() {

let father = app.$refs;

father.ba.color = “gray”;

},

},

template: `

开

关

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论10

CyberNinja

2023-06-18

如果你是Vue的初学者,建议先阅读一下这篇文章,它能够帮助你了解vue组件之间传值的一些方法。

weixin_38665814

粉丝: 6
资源: 982

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈