vue中ref在input中詳解
阿新 • • 發佈:2018-12-13
當我們在專案中遇見文字輸入框的時候,獲取時刻輸入框中的值
1、v-model
<template> <input type="text" v-model="inputval"> </template> export default { data(){ return { inputval:'', } }, watch:{ inputval(){ console.log(this.inputval) } } }
2、ref自定義一個方法
<template> <input type="text" ref="input"> </template> export default { data(){ return { inputval:'', } }, watch:{ inputval(){ console.log(this.$refs.usernameInput.value) } } }