ref 元件綁定
NIKEDIN 2020-12-07 ref綁定元件綁定dom綁定
<input ref="textInput" id="input" type="text" />
# 一般綁定
document.querySelect('#input')
# ref 綁定
建議使用 ref
綁定元素,不要使用 一般綁定,這樣更可以直接響應
到這個元素
- 先設立
變數
,指定為null
- 這樣就會自動綁定
元素
.value
可以訪問到這個 元素
setup() {
const textInput = ref(null)
onMounted(()=> {
console.log(textInput.value) // <input type="text" /> 會指向這個 dom 實例
})
return {
textInput
}
}