Vue——如何获取动态图片地址

问题

当我们在Vue页面显示当前登录用户的头像时，该如何加载后端传过来的动态图片地址呢？

这时是固定地址，第一时间我们想到直接在src前加:，使用vue的双向数据绑定即可，但是试了多次没有效果，原来要加require关键字…

解决

1.用户登录可以拿到用户的相关信息，这时候我们可以把头像、角色id、token等多页面需要共享的数据存入sessionStorage,角色id可以渲染左侧菜单，token判断是否登录

2.拿到头像的值

3.定义动态拼接图片的方法，注意必须写require

4.把src换成:src，调用getTouxiang方法

Vue——如何获取动态图片地址相关推荐

img 获取二次元图片地址
python 获取二次元图片地址使用 python 调用图片地址接口,然后将地址之间粘贴到 clipboard . import requests#importing the module impo ...
vue中获取本地IP地址
vue中获取本地IP地址 IP地址需要通过js获取: 网上有很多查询接口可以获取到IP,查到的搜狐的比较多,我这里就用搜狐的: http://pv.sohu.com/cityjson?ie=utf-8 ...
如何使用Selenium自动化测试工具获取动态图片验证码？
关于图片验证码的文章,我想大家都应该看过类似的文章了. 在我们做UI自动化的时候,经常会遇到图片验证码的问题. 当开发不给咱们提供万能验证码,或者测试第三方网站比如知乎的时候,我们就需要自己去识别验证 ...
html中显示js获取的图片地址,js如何获取UEditor富文本编辑器中的图片地址
写之前在网上找了很多方法,最简单的思路应该是1.获取UEditor中的内容:2.将获取到的字符串转换成jquery对象:3.选择器找到img元素,获取src值.var content= UE.getE ...
vue 加载动态图片出错的三种解决方法
由于解析问题,通常直接引用链接,图片会加载失败,通过学习,整理出以下三种解决错误的方法 <template><div class="first"><! ...
VUE 当前页获取来源路由地址
获取来源路由 export default {data() {return {targetPath: ""}},beforeRouteEnter (to, from, next) ...
苹果cms后端/视频海报一键获取/按钮代码/轻松获取海报图片地址_多啦咪资源网
视频海报一键获取按钮代码修改版苹果cms可通用后台视频海报操作截图此代码测试后台版本为2020.04.06.1617 下方图文教程为列每日更新影视海报图 Ctrl+F输入影片名字进行查找,请正 ...
jquery点击获取当前图片地址
$(".pimg").click(function () {var _this = $(this).attr('src');//将当前的pimg元素作为_this传入函数 cons ...
element 上传图片前获取本地图片地址
:on-change事件 handleChange(file, fileList) { console.log("file", URL.createObjectURL(file.r ...

Vue——如何获取动态图片地址

问题

解决

Vue——如何获取动态图片地址相关推荐

最新文章

热门文章