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

更新时间：2022年08月09日 11:39:26 作者：吴冬雪~

这篇文章主要介绍了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图片上传本地预览组件使用详解
这篇文章主要为大家详细介绍了vue图片上传本地预览组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-02-02
Vue 使用中的小技巧
这篇文章主要介绍了Vue 使用中的小技巧,是小编日常开发的时候用到的小技巧，需要的朋友可以参考下
2018-04-04
vue3如何实现表格内容无缝滚动(又写了一堆冗余代码)
这篇文章主要给大家介绍了关于vue3如何实现表格内容无缝滚动的相关资料,在Vue3项目中难免会遇到让列表滚动的需求,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-04-04
vue+elementUI动态增加表单项并添加验证的代码详解
这篇文章主要介绍了vue+elementUI动态增加表单项并添加验证的代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-12-12
vue前端重构computed及watch组件通信等实用技巧整理
这篇文章主要为大家介绍了vue前端重构computed及watch组件通信等实用技巧整理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-05-05
深入了解Vue中Vuex的用法
Vuex的官方解释是一个专为vue.js应用程序开发的状态管理模式，这篇文章主要为大家介绍了Vuex的具体用法，希望对大家深入了解Vuex有一定的帮助
2023-06-06
vue导出excel表格并支持样式及行高修改
这篇文章主要为大家介绍了vue导出excel表格并支持样式及行高修改，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
vue-cli history模式实现tomcat部署报404的解决方式
这篇文章主要介绍了vue-cli history模式实现tomcat部署报404的解决方式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
vue+elementui实现表格多级表头效果
这篇文章主要为大家详细介绍了vue + elementui实现表格多级表头，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
如何使用Vue3设计实现一个Model组件浅析
v-model在Vue里面是一个语法糖,数据的双向绑定,本质上还是通过自定义标签的attribute传递和接受,下面这篇文章主要给大家介绍了关于如何使用Vue3设计实现一个Model组件的相关资料,需要的朋友可以参考下
2022-08-08