如何将获取数据与输入类型中的值绑定 - 文件？答案

【问题标题】：How to bind getting data with value in input type - file?如何将获取数据与输入类型中的值绑定 - 文件？
【发布时间】：2022-08-03 15:49:08
【问题描述】：

我从 api 获取对象的数据并需要在输入中显示它（以便我以后可以更改它）。我使用 v-model 制作了文本值。但是我如何在输入类型文件中显示获取文件的名称（以及我如何在未来更改此文件）

<tr v-for=\"item in this.$store.state.allItems\" :key=\"item.id\">
    <td><input type=\"text\" v-model=\"item.name\"></td>
    <td><input type=\"file\" :value=\"\"item.src></td>
</tr>

这不只是一个错字吗？ :value=\"\"item.src 应该是 :value=\"item.src\"
DOMException: 未能在 \'HTMLInputElement\' 上设置 \'value\' 属性：此输入元素接受文件名，该文件名只能以编程方式设置为空字符串。
哦，是的，这有点老了。当你有文件时，如何显示图像？ codepen.io/Atinux/pen/qOvawK

标签： vue.js

【解决方案1】：

您的代码中有一个简单的 typeo :value=""item.src => :value="item.src" 我希望这有帮助。

【讨论】：