Vue中的@blur/@focus事件

 @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>

 


版权声明:本文为weixin_42246997原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。