uni-file-picker中的v-model绑定了一个图片数组,但是不回显图片
时间: 2024-01-01 10:19:32 浏览: 97
uni-app uni-data-picker 省市区数据表
3星 · 编辑精心推荐
如果你使用的是 uni-file-picker 组件,绑定的 v-model 是一个图片数组,但是不回显图片,可能是因为你没有正确设置图片路径。你需要在组件内部使用 v-for 循环遍历图片数组,并为每个图片设置正确的路径。
具体来说,你可以使用 v-for 循环遍历图片数组,然后为每个图片设置 src 属性,例如:
```
<template>
<div>
<uni-file-picker v-model="files"></uni-file-picker>
<div v-for="(file, index) in files" :key="index">
<img :src="file.path">
</div>
</div>
</template>
```
在这个例子中,我们使用 v-for 循环遍历图片数组 files,并为每个文件创建一个 img 标签。我们将文件的路径设置为 img 标签的 src 属性,这样就可以正确显示图片了。
另外,需要注意的是,如果你使用的是本地文件路径,需要在路径前加上 "file://" 前缀,例如:
```
<img :src="'file://' + file.path">
```
这样才能正确显示本地图片。
阅读全文