v-for里面input的value怎么不显示等外面点击再显示

你可以在Vue中使用v-model指令将表单输入绑定到组件的数据属性上，然后使用v-if或v-show指令控制组件的显示或隐藏。当需要显示input时，你可以设置v-show指令为true，这时input会显示出来，然后当用户输入完毕并提交表单时再将v-show指令设置为false来隐藏input。

以下是一个示例代码：

<template>
  <div>
    <button @click="showInput = true">显示Input</button>
    <input v-show="showInput" v-model="inputValue">
    <button v-show="showInput" @click="submit">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showInput: false,
      inputValue: ''
    }
  },
  methods: {
    submit() {
      // 提交表单操作
      this.showInput = false
    }
  }
}
</script>

这个示例中，我们使用v-show指令来控制input的显示和隐藏。当点击“显示Input”按钮时，showInput的值会变为true，这时input会显示出来。当用户输入完毕并点击“提交”按钮时，我们调用submit方法来提交表单，同时将showInput的值设置为false，这时input会隐藏起来。