鍍金池/ 問答/HTML/ vue組件之間的引用

vue組件之間的引用

我想在一個(gè)組件上引用一個(gè)dom,
但是打印出來是undefined,這個(gè)要怎么引用

<template>
    <div ref="a"></div>
    <show :dom="$refs.a"/>
</template>

show.vue

    export default {
    name: 'show',
    props: {
        dom: String,
        params: Object,
    },
    mounted() {
        console.log('.........',this.dom); //undefinde
    },
};
回答
編輯回答
晚風(fēng)眠

抱歉!ref的概念我搞混了。
復(fù)制一段官方文檔的話:

關(guān)于 ref 注冊時(shí)間的重要說明:因?yàn)?ref 本身是作為渲染結(jié)果被創(chuàng)建的,在初始渲染的時(shí)候你不能訪問它們 - 它們還不存在!$refs 也不是響應(yīng)式的,因此你不應(yīng)該試圖用它在模板中做數(shù)據(jù)綁定。

如果你想在子組件訪問父組件的dom結(jié)構(gòu),可以通過綁定data傳進(jìn)去。

2018年2月15日 23:50