vue 实时监听表单数据
vue 实时监听表单数据,代码如下<template><div><input type="text" v-model="name"></div></template><script>export default {data (){r...
·
vue 实时监听表单数据,代码如下
<template>
<div>
<input type="text" v-model="name">
</div>
</template>
<script>
export default {
data (){
return {
name: ''
}
},
watch: {
name(val, oldval){
console.log(val) //val 为input中的新值
console.log(oldval) //oldval 为input中的旧值
}
}
}
</script>
运行如下图
依次输入 1、2、3,打印如图
更多推荐
已为社区贡献16条内容
所有评论(0)