vue项目中如何利用v-on:blur
监听失焦事件,下面web建站小编给大家简单介绍一下!
具体语法如下:
<template> <div> <label for="username">用户名:</label> <input type="text" id="username" v-model="username" @blur="checkUsername"> <div v-show="showErrorMsg">{{errorMsg}}</div> </div> </template> <script> export default { data() { return { username: '', showErrorMsg: false, errorMsg: '' } }, methods: { checkUsername() { // 这里我们简单判断用户名是否为空 if (this.username === '') { this.showErrorMsg = true this.errorMsg = '用户名不能为空' } else { this.showErrorMsg = false } } } } </script>
上面是“vue中如何利用v-on:blur监听失焦事件”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4879.html
workflows工作流
一轮月亮悬挂在树上的天空中ComfyUI工作流
一只在森林里漫步的麋鹿ComfyUI工作流
一只由粉色水晶与羽毛组成的巨型高跟鞋
一张由表情符号组成的照片ComfyUI工作流
一只可爱的飞鸟ComfyUI工作流
一张皮卡丘向观众眨眼的逼真照片ComfyUI工作流
一条精致透明的朱红色水晶龙
一套可爱的动漫生物蓬松贴纸图标
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!