uniapp input弹出键盘后，点击键盘右下角键盘就消失了

这个问题可能是由于键盘右下角的“完成”按钮触发了默认的提交行为，而你的输入框并没有表单来接收提交。你可以通过以下方法解决：

1. 在你的 `input` 标签上添加 `@confirm` 事件监听，这样当用户点击键盘右下角的“完成”按钮时，就会触发该事件，你可以在事件处理函数中关闭键盘。

<template>
  <input type="text" @confirm="hideKeyboard">
</template>
<script>
export default {
  methods: {
    hideKeyboard() {
      uni.hideKeyboard();
    }
  }
}
</script>

2. 如果你的输入框需要提交表单，可以在 `form` 标签上添加 `@submit.prevent` 阻止默认提交行为。

<template>
  <form @submit.prevent>
    <input type="text">
    <button type="submit">提交</button>
  </form>
</template>

这样键盘右下角的“完成”按钮就不会触发默认的提交行为了，用户点击后键盘会自动关闭。

相关问题

uniapp input唤起数字键盘

在 UniApp 中，可以通过设置 input 组件的 type 属性为 "number" 来唤起数字键盘。例如：

<template>
  <view>
    <input type="number" placeholder="请输入数字" />
  </view>
</template>

这样设置后，在触发输入时，将会自动弹出数字键盘。

uniapp 取消真机弹出键盘

在 uniapp 中，可以通过以下方法取消真机上的弹出键盘：

1. 使用 `input type="text"` 的方式替代 `input type="number"` 或 `input type="tel"`：因为在移动端，`input type="number"` 或 `input type="tel"` 都会默认弹出数字键盘或电话键盘。而使用 `input type="text"` 则不会弹出特定的键盘，可以防止键盘弹出。

2. 使用 `readonly` 属性：给 `input` 标签添加 `readonly` 属性可以防止用户编辑输入框，并且不会弹出键盘。

3. 使用 `blur` 方法：在 `mounted` 钩子函数中，可以使用 `this.$refs.inputName.blur()` 方法来隐藏键盘。其中，`inputName` 为输入框的 `ref` 名称。

示例代码：

<template>
  <input type="text" ref="inputName" readonly>
</template>
<script>
export default {
  mounted() {
    this.$refs.inputName.blur();
  }
}
</script>

通过以上方法，可以在 uniapp 中取消真机弹出键盘。