vant修改用户头像

 1.先看下页面需求效果：

 

2. 引入依赖

import Vue from 'vue';
import { Uploader } from 'vant';

Vue.use(Uploader);

3.html代码

   <van-uploader :after-read="afterRead">
        <div class="user-img">
             <img :src="userObj.headUrl" alt="" />
             <div class="img-right">更换头像</div>
        </div>
    </van-uploader>

4.方法代码

    // 文件上传完毕后会触发 after-read 回调函数，获取到对应的 file 对象

    afterRead(file) {

      // 这时候我们创建一个formData对象实例

      const formD