需求
vue中获取原生input输入框之前的值和现在的值
案例
<template>
<input v-model.number="value" type="number" @input="handleInput">
</template>
<script>
export default {
data() {
return {
value: 0
}
},
methods: {
handleInput(event) {
// 获取之前的值
console.log(event.target._value)
// 获取现在的值(1)
console.log(value)
// 获取现在的值(2)
this.$nextTick(()=>{
// 由于nextTick,获取更新后的值
console.log(event.target._value)
})
}
}
}
</script>