vue+vant webApp图片上传和编辑时图片回显

晓未苏

于 2020-04-08 10:13:01 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue upload

本文链接：https://blog.csdn.net/fffvdgjvbsfkb123456/article/details/105380385

本文介绍了如何在Vue.js结合Vant组件库的环境下，实现Web应用程序中的图片上传功能，并详细讲解了在编辑时如何做到图片的正确回显，为用户提供良好的交互体验。

<van-cell>

        <van-uploader

          upload-text="选取图片"

          v-model="imageList"      //图片上传成功后，afterRead方法回调，会把图片信息赋值给imageList

          :after-read="afterRead"   //回调函数

          :max-count="9"      //最大上传数量

          multiple     //是否开启图片多选，部分安卓机型不支持

        />

      </van-cell>

import {

  CellGroup,

  Cell,

  Uploader

} from