課程
/前端開(kāi)發(fā)
/Vue.js
/快速入門Web閱讀器開(kāi)發(fā)
之前看到的都是在父組件ebook.vue里出現(xiàn) 我理解的是可以直接調(diào)用子組件的方法 ,但這個(gè)子組件menubar.vue的input里也出現(xiàn)ref 怎么理解吶?
2018-09-03
源自:快速入門Web閱讀器開(kāi)發(fā) 3-11
正在回答
你好,ref的官方定義如下:
ref?被用來(lái)給元素或子組件注冊(cè)引用信息。引用信息將會(huì)注冊(cè)在父組件的?$refs?對(duì)象上。
ref
$refs
這里我用通俗地解釋一下,比如:我們定義一個(gè)dom
<div?class="a"?ref="divA"></div>
如果我們想獲取這個(gè)div對(duì)象,用js寫法應(yīng)該是這樣的:
const?div?=?document.getElementsByClassName('divA')
用vue可以這樣來(lái)實(shí)現(xiàn)同樣的效果:
const?div?=?this.$refs.divA
因?yàn)檫@個(gè)div使用ref屬性進(jìn)行了注冊(cè),所以在Vue實(shí)例中,這個(gè)div對(duì)象會(huì)被添加到Vue.$refs這個(gè)對(duì)象下,所以我們就可以通過(guò)
Vue.$refs.xxx
來(lái)直接獲取這個(gè)對(duì)象了
舉報(bào)
帶你了解電子書閱讀器的工作原理,通過(guò)Vue.js快速實(shí)現(xiàn)Web閱讀器
1 回答如何理解異步處理?什么時(shí)候使用?
1 回答flex: 0 0 px2rem(100); 想問(wèn)下這個(gè)怎么理解,后來(lái)具體換算成了多少px呢? 與之前設(shè)置的37.5怎么算?
3 回答老師,win10怎么用命令解壓epub?
4 回答安裝node-sass,sass-loader報(bào)錯(cuò),怎么解決
3 回答vscode 無(wú)法識(shí)別SCSS語(yǔ)句,這個(gè)怎么可以處理好呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-09-03
你好,ref的官方定義如下:
這里我用通俗地解釋一下,比如:我們定義一個(gè)dom
如果我們想獲取這個(gè)div對(duì)象,用js寫法應(yīng)該是這樣的:
用vue可以這樣來(lái)實(shí)現(xiàn)同樣的效果:
因?yàn)檫@個(gè)div使用ref屬性進(jìn)行了注冊(cè),所以在Vue實(shí)例中,這個(gè)div對(duì)象會(huì)被添加到Vue.$refs這個(gè)對(duì)象下,所以我們就可以通過(guò)
來(lái)直接獲取這個(gè)對(duì)象了