element的input,focus时,不会取消占位. 现需要focus时,取消占位
<el-input
v-model="form.username"
:placeholder="placeholder1"
@focus="focushandle"
@blur="blurhandle"
prefix-icon="el-icon-search"
></el-input>
focushandle(event
) {
event
.target
.placeholder
= "";
},
blurhandle(event
) {
if (event
.target
.value
== "") {
if (event
.target
.type
== "password") {
event
.target
.placeholder
= this.placeholder2
;
} else {
event
.target
.placeholder
= this.placeholder1
;
}
}
}
这里只有用户名和密码,所以用event.target.type == "password" 来区分,若是其他,可通过设置id,来区分