列举一下是Vue中的常见事件监听,并分别举例说明
时间: 2024-03-29 11:35:38 浏览: 171
Vue中常见的事件监听有以下几种:
1. @click:绑定点击事件,当元素被点击时触发相应的方法。
例如:`<button @click="handleClick">点击我</button>`,点击按钮后会触发名为handleClick的方法。
2. @input:绑定输入事件,当输入框的值发生变化时触发相应的方法。
例如:`<input @input="handleInput">`,当输入框的值发生变化时会触发名为handleInput的方法。
3. @change:绑定元素值改变事件,当元素的值发生变化时触发相应的方法。
例如:`<select @change="handleChange"><option>选项1</option><option>选项2</option></select>`,当下拉框的选项被改变时会触发名为handleChange的方法。
4. @submit:绑定表单提交事件,当表单提交时触发相应的方法。
例如:`<form @submit="handleSubmit"></form>`,当表单被提交时会触发名为handleSubmit的方法。
5. @keydown:绑定键盘按下事件,当某个键被按下时触发相应的方法。
例如:`<input @keydown="handleKeyDown">`,当输入框中按下键盘时会触发名为handleKeyDown的方法。
阅读全文