当我们在项目中遇见文本输入框的时候,获取时刻输入框中的值
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)
}
}
}
原文:https://www.cnblogs.com/houjl/p/10116949.html