站长资讯网
最全最丰富的资讯网站

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

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>

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号