1 打开一个vue文件，添加el-avatar头像标签。如图 2 在el-avatar头像标签里添加class，设置值为Element框架的删除图标样式。如图 3 保存vue文件后使用浏览器打开，这时候就可以看到el-avatar头像标签显示删除图标了。如图
给el_avatar加上:key属性,比如: 1 2 3 <el-avatar shape="square" :size="100" :src="'http://wanmait.com/'+student.pic" :key="student.pic"></el-avatar> 回复 0条回复 0 我有问题 全部 JavaEE WEB前端 大数据 Python 项目 数据库 运维 其它 职场 三体 今日最热问题 npm : 无法将“npm...
头像不更新…数据更新之后,图片并没有更新, el-avatar图片更新会有img标签,而图片上传成功后并没有img标签 于是百度查了一下 el-avatar绑定key,值为图片地址 <el-avatar class="marr5 comment-photo" :size="30" :src="common.imgPath + userInfo.picture" :key="common.imgPath + userInfo.picture" > <!
在你的Vue应用中运行上述代码,检查el-avatar组件是否正确显示了图像。 确保base64字符串是有效的,并且图像格式(如image/png)与你的数据相匹配。 通过上述步骤,你应该能够成功地将base64编码的图像数据显示在el-avatar组件中。如果在实际操作中遇到问题,请检查base64字符串的有效性以及el-avatar组件的使用方式是否正确...
如图 工具/原料 vscode1.45.1 win10 方法/步骤 1 打开一个vue文件，添加el-avatar头像标签，设置el-avatar的尺寸大小为100。如图 2 在el-avatar头像标签里添加字符串为头像。如图 3 保存vue文件后使用浏览器打开，这时候就可以看到el-avatar头像标签显示字符串了。如图 ...