我们的项目中经常会遇到用户个人信息的修改,当然用的组件就是 vant 中的 van-uploader 组件, 但是这个组的是有一个回显功能的, 它的样式不太符合我们, 更改用户头像的场景
对比一下
van-uploader 的本来的样式是这样的

而我们需要修改用户头像的样式是这样的

我们的需求就是 上传完图像之后, 再次点击头像, 还可以再次上传一个新的头像, 这样的需求, van-uploader 中的 fileList是实现不了的


那么我是怎么实现这个功能的呢

我没有使用 van-uploader 的 fileList 属性, 我使用的它的一个 slot 的插槽功能

图中的 van-image 的src 是写死了的, 它可以通过 接口请求返回的数据来改变。会的都会,不用多说

这样就实现我们的想要的功能

vant中修改用户的头像相关推荐

  1. Linux中修改用户UID和组GID的方法

    Linux中修改用户UID和组GID的方法 http://www.sijitao.net/2401.html 发表时间:2016-04-20 21:30 | 分类: Linux | 浏览:2,344 ...

  2. oracle中修改用户密码

    oracle中修改用户密码 首先是 win键 + R 输入cmd 输入sqlplus/ as sysdba,回车,此时进入到SQL> 输入 alter user system identifie ...

  3. linux 修改用户密码 报错,linux中修改用户密码报错 passwd:Authentication token manipulation error...

    出现"passwd:Authentication token manipulation error"这种问题需要考虑以下情况: 1.错误出现在输入完新密码后 问题:/etc/pas ...

  4. mysql uid gid_Linux中修改用户UID和组GID的方法

    我在部署nfs的时候,共享了一个文件夹.为了让远程nfs客户端挂载这个文件夹的时候都有可读写权限,我需要把服务器上的用户uid.gid设置成nfs服务端文件夹一样的权限.不过因为之前新建的用户uid. ...

  5. 微信小程序-获取用户头像信息以及修改用户头像

    这里主要用到button的open-type功能,官网已有说明: 给button设置open-type="chooseAvatar",来使bindchooseavatar方法生效, ...

  6. 如何通过Dynamics CRM 2015修改用户密码

    在Dynamics CRM平台是没有提供账户密码修改功能的,一般我们要实现这个功能或者让域管理员协助修改,或者将本机加入到域后,通过任务管理器自行修改. 但第一点会让自己的密码暴露,第二点则不太可能实 ...

  7. Linux 修改用户登录名

    在公司内部,经常会发生人员调动的情况.作为系统管理员,需要在人员发生变动之后,及时地对UNIX系统中的用户进行相应的调整.这主要涉及到修改用户信息的一些操作,本节将介绍如何在UNIX系统中修改用户的相 ...

  8. 【Linux】通过 Shell 脚本修改用户密码

    1. Linux 中修改用户密码   Linux 中要修改一个用户的密码通常是使用 passwd 命令来完成,命令格式如下. #一般使用格式 passwd [username] [注]:若其后不加任何 ...

  9. servlet修改用户头像_修改头像总结

    1,背景 博客停了好久,主要是最近工作太忙了,还有就是身体状况没有以前那么好了,乘着国庆长假的空档,写下这篇一直想写的文章. 运营平台是我主要致力的一个项目,这个项目分为四个大部分,个人中心,充值中心 ...

  10. mac修改用户头像时显示照片图库未找到图片

    上次重装系统后,导入时间机器的备份后,会有两个照片图库.或者不小心把原来的照片图库删了,之后再重新创建照片图库.这两种情况在修改用户头像的时候(包括修改苹果ID账号的头像)都会发现找不到默认的照片图库 ...

最新文章

  1. 基于Hadoop的MapReduce框架研究报告
  2. 深度学习经典案例解析:YOLO系列
  3. Nginx 从零搭建
  4. python【数据结构与算法】 python3 deque模块(双端队列)
  5. SpringBoot : Springboot-jpa Table 'sell.hibernate_sequence' doesn't exist
  6. POJ2318 TOYS / POJ2398Toy Storage判断点与直线位置关系 【计算几何】
  7. 网络系统服务器子系统,网管系统中服务器及网络设备监控子系统的设计与实现...
  8. 【英语学习】【医学】有机化学 - 烷的命名
  9. Python稳基修炼的经典案例13(计算机二级、初学者必会的字符文件处理)
  10. 函数和常用模块【day04】:内置函数(十)
  11. arm中的.a文件如何产生的_如何在IPFS中Pin一个文件?
  12. Windows NT/2k/XP/Vista 管理员密码重置
  13. 图书信息管理系统c语言源码,图书馆信息管理系统(含附源代码).doc
  14. win10配置内外网同时使用
  15. PHP 开发杂谈:对后端开发的思考
  16. 分块器评估与语言结构中的递归
  17. 如何在jieba分词中加自定义词典_中文到底需要分词嘛?
  18. spring tx:advice 和 aop:config 配置事务 1
  19. 计算机应用能力 中文字处理,职称计算机Word 2003中文字处理考试大纲
  20. 图像分析之直方图分析

热门文章

  1. parent.dialogArguments兼容问题
  2. 资江小票打印机js实现web打印(web通用打印)
  3. 新巴巴运动网完整教程
  4. QQ/Chrome浏览器一键去广告--去广告插件安装教程(广告终结者)
  5. 静态页面模板,比较不错的网站,效果比较多,html代码可以直接下载即可
  6. php163邮箱正则,正则表达式匹配邮箱账号
  7. 三分钟了解Activity工作流
  8. 小谈wagaa的下载速度
  9. 国外网站视频下载方法通通告诉你
  10. 高等代数期末考试题库及答案_【最新试题库含答案】高等代数习题及答案(1)