方法一:文本框监听,使用@input
事件
<template><view><input type="text" v-model="wip_entity_name" @input="handleInputChange" /></view>
</template><script>
export default {data() {return {wip_entity_name: '' // 文本框绑定的数据};},methods: {handleInputChange() {// 执行需要在文本框值改变时执行的方法console.log('文本框的值发生改变');// 调用其他方法this.otherMethod();},otherMethod() {// 实现其他方法的逻辑console.log('执行其他方法');}}
};
</script>
方法二:使用watch监听属性(很好解决了文本框中数据非手输时监听不到数据变化)
<template><view><input type="text" v-model="wip_entity_name" /></view>
</template><script>
export default {data() {return {wip_entity_name: '' // 文本框绑定的数据};},watch: {wip_entity_name(newVal, oldVal) {// 监听文本框值的改变if (newVal !== oldVal) {// 执行需要在文本框值改变时执行的方法console.log('文本框的值发生改变');// 调用其他方法this.otherMethod();}}},methods: {otherMethod() {// 实现其他方法的逻辑console.log('执行其他方法');}}
};
</script>