Vue中的change參數是一個事件對象,用于在input元素的內容發生改變時觸發。該事件對象包含了輸入框的當前值和之前的值,常用于同步輸入框的值到Vue實例中。
//html模板 <div id="app"> <input type="text" v-model="message" @change="handleChange"> </div> //Vue實例中 var app = new Vue({ el: '#app', data: { message: '' }, methods: { handleChange: function(event) { console.log(event.target.value); //當前值 console.log(event.target.defaultValue); //之前的值 } } })
在上面的示例中,我們通過v-model將輸入框的值綁定到Vue實例的message屬性上。當輸入框的內容發生改變時,@change事件觸發handleChange方法,并傳入事件對象event。我們可以通過event.target.value獲取輸入框當前的值,通過event.target.defaultValue獲取之前的值。
需要注意的是,change事件是在輸入框失去焦點后觸發的,并不是在每次輸入時都會觸發。如果需要實時響應輸入框的變化,可以考慮使用input事件或者使用v-model.sync