不允许使用 v-model 时的 vue 文件输入设置默认值答案

【问题标题】：vue file input set default value when v-model is not allowed不允许使用 v-model 时的 vue 文件输入设置默认值
【发布时间】：2021-10-07 09:12:38
【问题描述】：

也许有人给我建议如何在 vue 中为输入类型文件设置默认值（我有文件名，但我想我需要更多的东西）？我知道v-model是没有意义的，所以我不知道该怎么做，也找不到一些解决方案。

【问题讨论】：

你试过value="1"或:value="x"或placeholder="1"吗？否则我会使用v-model 并使其工作。

标签： vue.js file input

【解决方案1】：

您不能为文件输入设置默认值。您只需在单独的元素中显示文件信息并使用文件输入来上传新文件。例如

<div>
    {{file.name}}
    <!-- Just display the name of the existing file -->

    <button @click.prevent="removeFile(file)">Remove</button>
    <!-- button to delete existing file -->
</div>

<input type="file" @change="handleUpload"> 
<!-- Show input just to upload new file and replace the old one -->

【讨论】：

【解决方案2】：

感谢您的回答。然后我尝试在那里使用 v-model 我有错误 v-model is not allowed here。老实说，编辑期间的验证存在问题。文件输入为空，因为我无法预加载数据，并且验证不允许将数据发送到后端。

最后我决定，当有编辑的时候，不需要输入文件，因为object得到了之前选择的文件的信息，你可以改变它，但不能删除。

【讨论】：