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

青灯夜游
发布: 2023-01-11 09:22:41
原创
11307 人浏览过

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

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

本教程操作环境: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.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板