因为我想选择组件的节点元素,所以我想也许我可以使用$refs。
Parent
<template>
<my-component ref="myComponentElement"></my-component>
</template>
<script>
import MyComponent from "./MyComponent.vue";
components:{
MyComponent
},
mounted() {
const theElement = this.$refs.myComponentElement;
…
},
</script>
Child
<template>
<div>
<div>test</div>
</div>
</template>
我将“ref”添加到组件标签,并使用“this.$refs.myComponentElement”来获取元素。但它没有获取节点元素,而是返回一个代理对象。
那么如何选择自定义组件的节点元素呢?我可以使用 $refs 吗?谢谢~
对于组件来说,它的根节点存储在$el https://v2.vuejs.org/v2/api/#vm-el:
export default {
mounted() {
const theElement = this.$refs.myComponentElement.$el ????
}
}
demo https://stackblitz.com/edit/vue-get-component-root-node?file=src/App.vue
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)