完美方案

// 解決輸入法被啟用時 底部輸入框被遮住問題
<textarea type="text" value=""  ref="textarea"  v-model="newMsg"  v-on:focus="focusIpt" v-on:blur="blurIpt"  rows="1" />
data(){
  return{
     timer:null
 }
}
methods: {
   focusIpt() { // 解決輸入框被啟用時被鍵盤遮住問題
      this.timer = setInterval(function() {
          document.body.scrollTop = document.body.scrollHeight
       }, 100)
   },
   blurIpt() {
       clearInterval(this.timer)
   }
}，
updated(){
       let pannel = this.$refs.textarea;
	//監聽輸入框，動態增加輸入框高度
       pannel.style.height='auto';  
       pannel.style.height = pannel.scrollHeight + 'px';  
}

注意，滑動頁面時要 clearInterval(this.timer)
 

最初的做法，用div代替textarea，既沒有v-on:focus,也沒有v-on:blur，不推薦用div代替textarea,上面已經完美解決input框被擋住問題，也解決textarea自適應高度問題

參考很多資料，目前測試有效，不完全好用，但是解決遮擋問題的方法

<div class="div-textarea" v-model="newMsg" ref="textarea" tabindex="0"  

contenteditable="true"></div>

methods:{
myFocus(){
     let pannel = this.$refs.textarea;
//     pannel.focus();
       console.log("focus")
       setTimeout(function(){
         pannel.scrollIntoView(true);
         pannel.scrollIntoViewIfNeeded();
          document.body.scrollTop = document.body.scrollHeight;
       },100);
//     setInterval( () => {
//     document.body.scrollTop = document.body.scrollHeight;
//     },300)
  }
},
updated(){
     this.myFocus()
}