在v-show显示输入后将焦点设置在输入上

，可以通过以下步骤实现：

首先，在Vue组件中，使用v-show指令来控制输入框的显示与隐藏。v-show根据表达式的值来决定元素是否显示，当表达式为true时，元素显示；当表达式为false时，元素隐藏。
在输入框的HTML标签上添加ref属性，用于在Vue组件中引用该输入框。
在Vue组件的mounted生命周期钩子函数中，使用this.$refs来获取输入框的引用，并使用focus()方法将焦点设置在输入框上。

下面是一个示例代码：

<template>
  <div>
    <input v-show="showInput" ref="inputRef" type="text" />
    <button @click="toggleInput">Toggle Input</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showInput: false
    };
  },
  methods: {
    toggleInput() {
      this.showInput = !this.showInput;
    }
  },
  mounted() {
    if (this.showInput) {
      this.$nextTick(() => {
        this.$refs.inputRef.focus();
      });
    }
  }
};
</script>

在上述示例中，通过点击"Toggle Input"按钮来切换输入框的显示与隐藏。当输入框显示时，会自动将焦点设置在输入框上。

这种方式适用于需要在特定条件下显示输入框，并将焦点设置在输入框上的场景，例如表单验证、搜索功能等。

腾讯云相关产品和产品介绍链接地址：