溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
說明：vm.$refs 一個對象，持有已注冊過 ref 的所有子組件（或HTML元素）
使用：在 HTML元素 中，添加ref屬性，然后在JS中通過vm.$refs.屬性來獲取
注意：如果獲取的是一個子組件，那么通過ref就能獲取到子組件中的data和methods
添加ref屬性
<div id="app"> <h2 ref="h2Ele">這是H1</h2> <hello ref="ho"></hello> <button @click="getref">獲取H1元素</button> </div>
獲取注冊過 ref 的所有組件或元素
methods: {
getref() {
// 表示從 $refs對象 中, 獲取 ref 屬性值為: h2ele DOM元素或組件
console.log(this.$refs.h2Ele.innerText);
this.$refs.h2ele.style.color = 'red';// 修改html樣式
console.log(this.$refs.ho.msg);// 獲取組件數據
console.log(this.$refs.ho.test);// 獲取組件的方法
}
}
以上這篇vue基本使用--refs獲取組件或元素的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
