去掉textArea右下方的小三角，或讓小三角在聚焦時顯示

需求：讓小三角在聚焦時顯示，失去焦點時掩藏。

要掩藏直接加樣式：

textarea{
  resize: none;
} 

完整代碼：

html:

          <Input
             @on-focus="focusInput" 
             @on-blur="blurInput"
             :class="inFocus?'':'hasFocus'"
              v-model="selfEvaluation"
              type="textarea"
            />

js :

定義聚焦標識 

data(){
  return{
    inFocus:false,//textarea是否在聚焦
  }
}

方法 

 // 輸入域聚焦
    focusInput() {
      console.log(0)
      this.inFocus = true;
    },
    //輸入域失去焦點
    blurInput() {
      console.log(1)
      this.inFocus = false;
    }

效果：

沒聚焦：

 

聚焦：