vue 页面对输入框数据发送变化, 怎么触发函数
时间: 2024-03-06 11:49:04 浏览: 141
vue.js 实现输入框动态添加功能
你可以使用 Vue.js 提供的 v-model 指令来绑定输入框的值,并使用 watch 监听输入框的变化,然后在 watch 函数中调用对应的函数。
示例代码如下:
```
<template>
<div>
<input v-model="inputValue" />
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
watch: {
inputValue(newValue) {
// 在这里调用你要触发的函数
this.doSomething(newValue)
}
},
methods: {
doSomething(value) {
// 处理输入框的值
}
}
}
</script>
```
以上代码中,我们使用 v-model 指令将输入框的值绑定到 Vue 实例的 inputValue 属性上,并使用 watch 监听 inputValue 属性的变化。当 inputValue 发生变化时,watch 函数会被调用,然后再调用对应的 doSomething 函数来处理输入框的值。
阅读全文