Javascript 我正在开发一个Vuejs聊天应用程序，单击输入消息框，如何在android中显示键盘时发送整个输入div

我正在vuejs中开发一个聊天应用程序，这是一个将在Android中打开的网络视图。我有如下

input bx

发送消息，我如何将

input bx

向上拖动，以便在安卓键盘出现时将其隐藏

<div class="enter_msg child2" style="flex:1;  bottom: 0;" >
      <input class="input-bx msgara" placeholder="Tap here to start typing..." v-model="groupMsg" />
      <v-btn id="grpmsg" class="send_btn" :disabled="isDisable(groupMsg)" @click="sendGroupMsg()"> <p style="margin:0">Send</p></v-btn>
    </div>




.enter_msg{
  display: flex;
  flex: 3;
  position: fixed;
  width: 72%;
  padding: 2% 4%;
}


.input-bx {
  border: 1px solid #111;
}


.msgara{
background-color: #260b1c;
border: 1px solid #b92876;
border-radius: 2px;
width: 80%;
padding: 2%;
height: 38px;
}

发送

.输入\u msg{
显示器：flex；
弹性：3；
位置：固定；
宽度：72%；
填充物：2%4%；
}
.输入bx{
边框：1px实心#111；
}
姆斯加拉先生{
背景色：#260b1c；
边框：1px实心#b92876；
边界半径：2px；
宽度：80%；
填充：2%；
高度：38px；
}

我的建议是，在屏幕有焦点时，暂时将输入置于屏幕最上方。 这可以通过添加一个标志来完成，通过该标志我们可以绑定一个动态类。 html：

<div class="enter_msg child2" style="flex:1;  bottom: 0;" >
  <input class="input-bx msgara" v-bind:class="{ inputBoxUp: flag }" placeholder="Tap here to start typing..." v-model="groupMsg" @focus="flag=true" @blur="flag=false"/>
  <v-btn id="grpmsg" class="send_btn"  :disabled="isDisable(groupMsg)" @click="sendGroupMsg()" > <p style="margin:0">Send</p></v-btn>
</div>

也就是在组件的数据中添加标志

示例

---

这是一个代码笔，其中有一个工作示例

我的建议是，在输入有焦点时，暂时将其置于屏幕顶部。 这可以通过添加一个标志来完成，通过该标志我们可以绑定一个动态类。 html：

<div class="enter_msg child2" style="flex:1;  bottom: 0;" >
  <input class="input-bx msgara" v-bind:class="{ inputBoxUp: flag }" placeholder="Tap here to start typing..." v-model="groupMsg" @focus="flag=true" @blur="flag=false"/>
  <v-btn id="grpmsg" class="send_btn"  :disabled="isDisable(groupMsg)" @click="sendGroupMsg()" > <p style="margin:0">Send</p></v-btn>
</div>

也就是在组件的数据中添加标志

示例

---

这是一个带有工作示例的代码笔

你所说的“向上拖动输入”是什么意思？当你点击输入框时，键盘覆盖了android屏幕，我的输入框隐藏在键盘下面，所以输入框必须用键盘向上推。你所说的“向上拖动输入”是什么意思？当你点击输入框时，键盘覆盖了android屏幕，我的输入框隐藏在键盘下面，所以输入框必须用键盘向上推。这是可行的，但问题是只有输入框出现了，我如何添加发送按钮以使输入框也向上。我根据你的要求更新了代码笔，然而，这并不是问题的具体要求。无论如何，诀窍是简单地让父div与类bindingThis一起上升，但问题是这只是一个输入框，我如何添加send按钮也与输入框一起上升。我用你所问的更新了代码笔，但这不是问题具体要求的。无论如何，诀窍就是让父div与类绑定一起上升