在 Vue.js 中,可以使用 v-on 指令绑定自定义事件来触发失去焦点事件。
首先,在 input 标签上绑定 v-on:blur 指令,并指定触发的函数。例如:
<input v-on:blur="handleBlur">
然后在 Vue 实例的 methods 选项中定义 handleBlur 函数。
methods: {
handleBlur() {
// 处理失去焦点的逻辑
也可以使用简写的 @blur 指令来绑定失去焦点事件
<input @blur="handleBlur">
如果你想绑定事件并传递参数,可以使用该方法来传递参数:
<input @blur="handleBlur(param1,param2)">
在 methods 中定义函数
methods: {
handleBlur(param1, param2) {
// 处理失去焦点的逻辑
这样就可以在input失去焦点时触发 handleBlur 函数。