ref是Vue提供的一個特殊屬性,它用于給子組件或者HTML元素注冊引用信息。
我們可以使用ref來獲取被引用的子組件或HTML元素,從而直接調(diào)用它們所對應的屬性和方法。
<template> <div> <input type="text" ref="input"> <button @click="focusInput">聚焦</button> </div> </template> <script> export default { methods: { focusInput() { this.$refs.input.focus(); } } } </script>
在上面的代碼中,我們給一個input元素注冊了ref屬性,并在methods中定義了一個focusInput方法,用于聚焦到該input元素。
通過this.$refs.input獲取到該input元素的引用,然后調(diào)用其focus方法實現(xiàn)聚焦。
需要注意的是,在Vue中,每個組件或HTML元素的ref都應該是唯一的,否則會出現(xiàn)不可預知的錯誤。