hxx/hr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

监听图片加载错误事件解决头像加载失败

Browse Source
This commit is contained in:
jiutianzhiyu 2021-03-25 19:23:20 +08:00
parent 9f3fd4867d
commit e1ac52be71
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layout/components/Navbar.vue
View File

@ -11,7 +11,7 @@
<div class="right-menu"> <div class="right-menu">
<el-dropdown class="avatar-container" trigger="click"> <el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img src="$store.getters.staffPhoto" class="user-avatar"> <img src="$store.getters.staffPhoto" class="user-avatar" @error="photoErrorHandle">
<span class="name">{{ $store.getters.name }}</span> <span class="name">{{ $store.getters.name }}</span>
<i class="el-icon-caret-bottom" style="color:#fff" /> <i class="el-icon-caret-bottom" style="color:#fff" />
</div> </div>
@ -54,6 +54,11 @@ export default {
async logout() { async logout() {
await this.$store.dispatch('user/logout') await this.$store.dispatch('user/logout')
this.$router.push(`/login?redirect=${this.$route.fullPath}`) this.$router.push(`/login?redirect=${this.$route.fullPath}`)
},
// 头像加载失败处理
photoErrorHandle(e) {
// console.log(e.target)
e.target.src = 'https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1851283359,3457678391&fm=26&gp=0.jpg'
} }
} }
} }