Vue.js 中如何获取当前组件的子元素
您可以使用 $refs 属性来获取当前组件中的子元素。
在您的组件模板中,您可以使用 ref 属性来为子元素命名:
<template>
<div>
<div ref='child1'></div>
<div ref='child2'></div>
</div>
</template>
然后,您可以在组件的 JavaScript 代码中使用 $refs 属性来访问这些子元素:
export default {
mounted() {
const child1 = this.$refs.child1;
const child2 = this.$refs.child2;
// ...
},
};
请注意,$refs 只有在组件渲染后才会填充,因此在组件的 mounted() 生命周期钩子中访问它们是最安全的方式。
原文地址: https://www.cveoy.top/t/topic/muVO 著作权归作者所有。请勿转载和采集!