Vue 2 中引入了 ref 這個特殊的屬性,它允許我們在模板或渲染函數中訪問子組件或 DOM 元素。
使用 ref 屬性獲取子組件的引用非常簡單,只需要在子組件標簽上添加 ref 屬性,然后在父組件中使用 this.$refs.refName 獲取該子組件的引用即可。如下所示:
// 子組件子組件內容// 父組件
當使用 ref 獲取 DOM 元素時,$refs 中存儲的是 DOM 節點對象,可以直接操作 DOM 元素。如下所示:
需要注意的是,ref 在初次渲染時可能為 undefined,因此在使用 $refs 訪問子組件或 DOM 元素前需保證組件已經渲染完成。
上一篇docker內使用scp
下一篇Python+入門推薦