首页 >web前端 >前端问答 > 正文

vuejs中的失去焦点事件是什么

原创2021-09-27 19:29:270462

vuejs中的失去焦点事件是“@blur”,当元素失去焦点时会触发该事件,使用方法:在标签模板中添加“@blur="事件处理函数"”语句绑定事件,使用JavaScript设置触发事件时需要执行的代码即可。

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

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

@focus是元素获取焦点时所触发的事件

示例:

 <template>
  <div>
    <!--
    @blur 当元素失去焦点时触发blur事件
    -->
    <div>
      <input type="text" placeholder="请输入内容" @blur="blurText"/>
    </div>
 
  </div>
</template>
 
<script>
    export default {
      name: "commitText",
      methods:{
        blurText(){
          console.log("blur事件被执行了")
        }
      }
    }
</script>
 
<style scoped>
 
</style>

相关推荐:《vue.js教程

以上就是vuejs中的失去焦点事件是什么的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:vuejs 焦点 事件
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么分割数组为几部分657
    php怎么删除指定下标的数组值824
    php怎么获取当前方法的参数值729
    推荐视频教程
  • vue 3.0全新实战课程(2021版)第一季vue 3.0全新实战课程(2021版)第一季
  • vue 3.0全新实战课程(2021版)第二季vue 3.0全新实战课程(2021版)第二季
  • VuePress: 30分钟制作一个Vue静态网站VuePress: 30分钟制作一个Vue静态网站
  • VuePress: Vue 官方静态网站生成器极速指南VuePress: Vue 官方静态网站生成器极速指南
  • Vue.js:纪录片Vue.js:纪录片
  • 视频教程分类