elementui input focus取消佔位

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,來區分

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章