建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)VUE3教程：Vue3.0模板引用
該頁面假設(shè)你已經(jīng)閱讀過了組件基礎(chǔ)。如果你還對(duì)組件不太了解，推薦你先閱讀它。
創(chuàng)新互聯(lián)建站專注于尖山網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供尖山營(yíng)銷型網(wǎng)站建設(shè)，尖山網(wǎng)站制作、尖山網(wǎng)頁設(shè)計(jì)、尖山網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造尖山網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供尖山網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
盡管存在 prop 和事件，但有時(shí)你可能仍然需要直接訪問 JavaScript 中的子組件。為此，可以使用 ref attribute 為子組件或 HTML 元素指定引用 ID。例如：
例如，你希望以編程的方式 focus 這個(gè) input 在組件上掛載，這可能有用
const app = Vue.createApp({})
app.component('base-input', {
template: `
`,
methods: {
focusInput() {
this.$refs.input.focus()
}
},
mounted() {
this.focusInput()
}
}) 此外，還可以向組件本身添加另一個(gè) ref，并使用它從父組件觸發(fā) focusInput 事件：
this.$refs.usernameInput.focusInput() 當(dāng) ref 與 v-for 一起使用時(shí)，你得到的 ref 將是一個(gè)數(shù)組，其中包含鏡像數(shù)據(jù)源的子組件。
WARNING
$refs 只會(huì)在組件渲染完成之后生效。這僅作為一個(gè)用于直接操作子元素的“逃生艙”——你應(yīng)該避免在模板或計(jì)算屬性中訪問 $refs。
參考：在組合式 API 中使用 template refs
分享名稱：創(chuàng)新互聯(lián)VUE3教程：Vue3.0模板引用
當(dāng)前URL：http://m.5511xx.com/article/dhjjpeo.html
