Vue @blur事件中当元素失去焦点时所触发的事件问题怎么解决

这篇文章主要讲解了“Vue @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”

这样可以正常触发

感谢各位的阅读，以上就是“Vue @blur事件中当元素失去焦点时所触发的事件问题怎么解决”的内容了，经过本文的学习后，相信大家对Vue @blur事件中当元素失去焦点时所触发的事件问题怎么解决这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！