RichErp - vue 使用总结 - refs

Posted richerp

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RichErp - vue 使用总结 - refs相关的知识,希望对你有一定的参考价值。

<div id="parent">
<user-profile ref="profile"></user-profile>
</div>



var parent = new Vue({ el: ‘#parent‘ })
// 访问子组件实例
var child = parent.$refs.profile


当 ref 和 v-for 一起使用时,获取到的引用会是一个数组,包含和循环数据源对应的子组件。

$refs 只在组件渲染完成后才填充,并且它是非响应式的。它仅仅是一个直接操作子组件的应急方案——应当避免在模板或计算属性中使用 $refs


以上是关于RichErp - vue 使用总结 - refs的主要内容,如果未能解决你的问题,请参考以下文章

RichErp - vue 使用总结 - data 和 props

Vue.js中ref ($refs)用法举例总结及应注意的坑

Vue.js中ref ($refs)用法举例总结

Vue3 学习总结笔记 (十三)

Vue3 学习总结笔记 (十三)

vue3中获取ref元素的几种方式总结