我的模板中包含以下html:
<v-file-input
:label="label"
accept="image/*"
prepend-icon="mdi-camera"
@change="uploadImage"
hide-details
outlined
/>
我的组件还有一个名为current
的属性,其中包含当前文件名的文本。
当组件显示时,v-file-input
是空的,但我希望它包括当前文件名的名称。我已经尝试了:value="current"
和v-model="current"
,但没有效果。
我该怎么办?
4条答案
按热度按时间5jdjgkvh1#
你可以使用
value
prop,但是它不接受字符串。value -单个值或File objects数组
例如,这是可行的:
第一个
这样做是否是一个好主意是不同的问题:)你知道,你所拥有的不仅仅是文件名,它的整个文件包括内容。如果用户这样提交你的表单怎么办?另外,对
File()
constructor的支持不是很好....例如,在Edge上不起作用...vlurs2pr2#
您可以使用
placeholder
属性执行以下操作:样式可能与“普通”文本有点不同,但一点css可能可以解决这个问题。
hc8w905p3#
而应使用计算属性,因为属性是不可变的,并且使用值进行数据绑定
v-model="value"
f87krz0w4#
解决方法:
DOM:
CSS:
JS: