用uni-file-picker绑定v-model值
时间: 2024-01-16 14:01:57 浏览: 254
在使用 uni-file-picker 组件时,可以通过 `@success` 事件来获取选择的文件,然后将选择的文件赋值给 `v-model` 绑定的变量。
以下是一个示例:
```html
<template>
<view>
<uni-file-picker
v-model="filePath"
@success="onSuccess"
:count="1"
:size-type="['original', 'compressed']"
:source-type="['album', 'camera']"
>
<view class="upload-btn">上传文件</view>
</uni-file-picker>
</view>
</template>
<script>
export default {
data() {
return {
filePath: '', // 绑定的变量
};
},
methods: {
onSuccess(res) {
this.filePath = res.tempFilePaths[0]; // 将选择的文件赋值给绑定的变量
},
},
};
</script>
```
在上面的代码中,我们定义了一个 `filePath` 变量来绑定 `uni-file-picker` 的选中文件路径,然后在 `onSuccess` 方法中将选择的文件路径赋值给 `filePath` 变量即可。这样就可以实现 `v-model` 的双向绑定了。
阅读全文