饿了么 <el-input></el-input>输入框获取与失去焦点事件
2024-08-26 22:06:10
//1.定义focus事,绑定属性
<el-input
v-model="headerInput"
@focus="onInputFocus"
@blur="onInputBlur":style="thisStyle">
</el-input>
thisStyle:'', //2.获得焦点事件
onInputFocus(){
let self = this;
self.thisStyle="outline: 0;box-shadow: 0px 0px 10px 0px #ffffff;transition: border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-moz-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-webkit-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;"
}, //3.失去焦点事件
onInputBlur(){
let self = this;
self.thisStyle = "width: 330px;"
},
最新文章
- 用<;forEach>;遍历list集合时,提示我找不到对象的属性
- 在Mac上安装Sublime Text3的插件
- [解决方案] pythonchallenge level 5
- python中strip,lstrip,rstrip简介
- Linux的95个小技巧
- javascript之观码说理
- 升级sp1后文档无法编辑
- MySql练习+加源代码
- javascript-代码复用模式
- 人人公益模式系统开发app
- Adriod与HTML+JS的交互
- GIT回滚master分支到指定tag版本
- 避免jquery的click多次绑定方法
- grid - 隐式地命名网格区域名称
- css学习_css清除浮动
- 网页三剑客:HTML+CSS+JavaScript 之CSS概述
- 深入解析内存原理:SRAM的基本原理
- keras—神经网络CNN—MNIST手写数字识别
- python关键的语法
- redis订阅与发布(把redis作为消息中间件)