我在获取vuetify的组件v对话框中的组件引用时遇到问题。
此代码在控制台而不是对象中打印未定义的内容。
<template>
<v-dialog ref="mydialog">
<v-card ref="mycard">
</v-card>
</v-dialog>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.mycard);
}
}
</script>
无法通过v对话框中的引用访问子组件?
由于vuetify 2中的延迟加载,您无法访问v卡组件。
如果确定在挂载阶段需要访问v卡组件,则可以向v对话框组件添加热切的支持。
此代码有效:
<template>
<v-dialog ref="mydialog" eager>
<v-card ref="mycard">
</v-card>
</v-dialog>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.mycard);
}
}
</script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句