Vue.js 中,change 事件用於監聽元素值的更改,例如 <input> 或 <select> 元素。用法:使用 v-on:change 指令來監聽 change 事件,並指定一個 Vue.js 方法作為參數,該方法將在元素值變更時被呼叫。事件詳情包括觸發事件的元素、新值和舊值。
Vue.js 中change 事件
回答:change 事件用於監聽元素值的變更(例如<input>
或<select>
),當元素中的值改變時觸發。
詳細展開:
#用法:
在Vue.js 中,使用v-on:change
指令來監聽change 事件。例如:
<code class="html"><input v-on:change="handleChange"></code>
參數:
handleChange
是 Vue.js 方法,在元素值變更時被呼叫。此方法可以接收一個參數 event
,其中包含有關事件的詳細資訊。
事件詳情:
event
物件包含有關事件的以下資訊:
target
: 觸發事件的元素value
: 元素的新值oldValue
: 元素的舊值範例:
一個簡單的範例,展示如何使用change
事件來監聽輸入元素中的值的變化:
<code class="html"><template> <input v-on:change="handleChange"> </template> <script> export default { methods: { handleChange(event) { console.log(`新值:${event.target.value}`); } } } </script></code>
當當使用者變更輸入元素中的值時,handleChange
方法將被調用,並在控制台中列印新值。
以上是vue中change用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!