element的input,focus時,不會取消佔位.
現需要focus時,取消佔位
<aui-input
v-model="form.username"
:placeholder="placeholder1"
@focus="focushandle"
@blur="blurhandle"
prefix-icon="aui-icon-search"
></aui-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,來區分