vue当点击按钮时，会弹出输入框，未点击时会显示默认值未填写

您可以使用Vue的条件渲染来实现这个功能。您可以通过一个变量来控制输入框的显示与隐藏，并设置默认值。

首先，在Vue的data中定义一个变量来控制输入框的显示与隐藏，比如`showInput`，并设置默认值为`false`。

接下来，在模板中使用`v-if`指令来根据`showInput`的值来判断是否显示输入框。

然后，在按钮的点击事件中，将`showInput`设置为`true`，从而显示输入框。

最后，在输入框中使用`v-model`指令绑定一个数据属性，用于保存用户输入的值。

下面是一个示例代码：

<template>
  <div>
    <button @click="showInput = true">点击按钮</button>
    <div v-if="showInput">
      <input type="text" v-model="inputValue" :value="defaultValue" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showInput: false,
      inputValue: '',
      defaultValue: '默认值未填写',
    };
  },
};
</script>

这样，当用户点击按钮时，输入框会弹出，并且显示默认值未填写。用户可以在输入框中填写内容，并且通过`inputValue`属性来获取用户输入的值。