Vue中如何使用@blur事件处理元素失去焦点？

本文共计311个文字，预计阅读时间需要2分钟。

目录 + Vue + @blur 事件 + 元素失去焦点时触发的事件 + @blur 是什么？ + @blur 如何使用？ + Vue 使用 @blur 无效 + Vue @blur 事件 + 元素失去焦点时触发的事件 + @blur 是什么？ + @blur 是当元素失去焦点时触发的事件。

目录

• Vue @blur事件 当元素失去焦点时所触发的事件
• @blur 是什么？
• @blur 怎么使用？
• Vue 使用@blur无效

Vue @blur事件 当元素失去焦点时所触发的事件

@blur 是什么？

@blur 是当元素失去焦点时所触发的事件

@blur 怎么使用？

<template> <div> <input type="text" placeholder="请输入内容" @blur="blur"/> </div> </template>

<script> export default { name: "@blur_61", methods:{ blur(){ console.log("blur事件被执行了") } } } </script> <style scoped> </style>

Vue 使用@blur无效

@blur=“checkUserShortName”    

这样写不起作用

@blur.native.capture=“checkUserShortName”  

这样可以正常触发

以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。