欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue change 參數

林雅南1年前11瀏覽0評論

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