vue oss图片上传加回显

要实现Vue OSS图片上传并回显，需要进行以下步骤：

1. 安装ali-oss和axios库

npm install ali-oss axios --save

2. 在Vue组件中引入库

import OSS from 'ali-oss';
import axios from 'axios';

3. 初始化OSS客户端

const client = new OSS({
  region: 'oss-cn-hangzhou',
  accessKeyId: 'yourAccessKeyId',
  accessKeySecret: 'yourAccessKeySecret',
  bucket: 'yourBucketName'
});

4. 编写上传文件的方法

async uploadFile(file) {
  const result = await client.put('yourObjectName', file);
  return result.url;
}

5. 在Vue组件中调用上传文件的方法

async handleFileUpload(e) {
  const file = e.target.files[0];
  const imgUrl = await this.uploadFile(file);
  this.imgUrl = imgUrl;
}

6. 回显图片

<img :src="imgUrl" />

注意：需要将`imgUrl`设置为Vue组件的`data`属性。