您可以使用 $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() 生命周期钩子中访问它们是最安全的方式。

Vue.js 中如何获取当前组件的子元素

原文地址: https://www.cveoy.top/t/topic/muVO 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录