父组件
<template>
<span ref="reference">text</span>
<c-child :target="$refs.reference"></c-child>
</template>
<script>
export default {
...etc,
mounted() {
console.log(this.$refs.reference) // output: c-child
}
}
</script>
子组件
<script>
export default {
...etc,
mounted() {
console.log(this.target) // output: undefined
}
}
</script>
目前使用的方法只能在父组件获得引用,子组件获取不到,我猜想是prop
传递发生在$refs
挂载之前,因为$refs
无响应模式,即使挂载后也无法触发子组件prop
更新,所以输出的是挂载之前传递的值(undefined)
因此想请问有什么其它方法吗?亦或是我理解错误?
牛魔王的故事
相关分类