vant中如何修改用户的头像_vue.js_

vant修改用户的头像

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

对比一下

van-uploader 的本来的样式是这样的

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

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

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

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

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

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

vant实现纯客户端用户头像上传预览

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！