ref與$refs怎么在vue中使用-創(chuàng)新互聯(lián)
這篇文章將為大家詳細講解有關(guān)ref與$refs怎么在vue中使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
10年積累的成都網(wǎng)站建設(shè)、
成都做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先
網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有
阿克塞哈薩克族自治免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
ref：被用來給元素或子組件注冊引用信息，引用信息將會注冊在父組件的$refs對象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。
ref 有三種用法：
1、ref 加在普通的元素上，用this.ref.name 獲取到的是dom元素
2、ref 加在子組件上，用this.ref.name 獲取到的是組件實例，可以使用組件的所有方法。
3、如何利用 v-for 和 ref 獲取一組數(shù)組或者dom 節(jié)點
普通的DOM元素上使用
添加
var app7=new Vue({
el:"#app7",
data:{
},
methods:{
add:function(){
console.log(this.$refs);
}
}
})子組件上使用
添加
Vue.component('aaa',{
template:"我是一個組件
"
})
var app7=new Vue({
el:"#app7",
data:{
},
methods:{
add:function(){
console.log(this.$refs.inputText);
console.log(this.$refs);
}
}
})
var aaa=app7.$refs.inputText;
//console.log(aaa);
//console.log(aaa.$el.innerText);$refs:一個對象，持有注冊過 ref 特性 的所有 DOM 元素和組件實例
注意：$refs只會在組件渲染完成之后生效，并且它們不是響應(yīng)式的。這只意味著一個直接的子組件封裝的“逃生艙”——你應(yīng)該避免在模板或計算屬性中訪問 $refs
關(guān)于ref與$refs怎么在vue中使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
標題名稱：ref與$refs怎么在vue中使用-創(chuàng)新互聯(lián)
瀏覽地址：
http://weahome.cn/article/eohgh.html
重慶分公司
重慶分公司
