Vue 中 实现 input 监听

439 阅读1分钟

使用 v-on:input="change" 实现即可

App.vue

<template>   
    <div>       
        <md-field>           
            <label>Initial Value</label>           
            <md-input v-model="initial" v-on:input="change"></md-input>       
        </md-field>    
    </div>
</template>
<script>
    export default {       
        name: "TextFields",       
        data: () => ({             
            initial: "Initial Value"         
        }),    
    methods: {           
        change() {           
            console.log(this.initial)     
        }   
    }
};
</script>