您好,欢迎访问一九零五行业门户网

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

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中的失去焦点事件是什么的详细内容。
其它类似信息

推荐信息