vue.js 中可以通过 v-on 指令为标签绑定事件侦听器，语法为 v-on:="handler"，支持指定事件名称、事件修饰符和动态事件名称。
Vue.js 中标签绑定事件
在 Vue.js 中，可以通过 v-on 指令为 HTML 标签绑定事件侦听器。v-on 指令的语法为：
<code>v-on:<event-name>="handler"</event-name></code>
其中：
-
<event-name></event-name>是要绑定的事件名称，如click、hover或keydown。 -
handler是一个方法，当事件触发时将会被调用。
绑定特定事件
以下是如何绑定特定事件：
<code class="html"><button v-on:click="handleClick">按钮</button></code>
当用户点击按钮时，handleClick 方法将会被调用。
绑定事件修饰符
Vue.js 提供了事件修饰符，用于修改事件行为：
-
.stop：阻止事件冒泡。 -
.prevent：阻止浏览器的默认行为。 -
.capture：在捕获阶段而不是冒泡阶段侦听事件。 -
.self：仅在事件目标与绑定元素相同时触发。 -
.once：仅触发一次事件。
绑定多个事件
可以通过逗号分隔多个事件名称来绑定多个事件：
<code class="html"><input v-on:keyup.enter="submitForm"></code>
这将在用户按 Enter 键时提交表单。
绑定动态事件名称
可以通过变量或表达式来动态绑定事件名称：
<code class="html"><button v-on:>按钮</button></code>
其中 eventName 可以是一个动态值，如：
<code class="html"><script>
export default {
data() {
return {
eventName: 'click'
}
}
}
</script></code>
<code class="html"><template><button v-on:>按钮</button> </template></code>
这将为按钮绑定 eventName 指定的事件。
以上就是vue中标签怎么绑定事件的详细内容，更多请关注北冥有鱼其它相关技术文章！
