最近做了一個關於vue.js的小demo: 當用戶登錄時,使用狀態保存vuex將用戶的頭像信息存儲到store.state當中,這樣不同用戶登錄就會顯示相應的頭像。 具體實現方法: 在組件的計算屬性當中通過 this.$store.getters.userImg 獲取當前用戶的頭像,然後用requi ...
最近做了一個關於vue.js的小demo:
當用戶登錄時,使用狀態保存vuex將用戶的頭像信息存儲到store.state當中,這樣不同用戶登錄就會顯示相應的頭像。
具體實現方法:
在組件的計算屬性當中通過 this.$store.getters.userImg 獲取當前用戶的頭像,然後用require引入圖片,最後 return userImage 即可。
(其中 userImage 用於 動態綁定 src屬性上,即 :src="userImage ")。
特別註意:
require中的路徑不可以是單獨的一個變數,不過可以使用如下的方式:路徑+變數。
computed: { currentUser() { return this.$store.getters.currentUser; }, userImg() { var imageName=this.$store.getters.userImg; var userImage = require('../../static/userImg/' + imageName); return userImage; } },
如果有更好的實現方法,請留言多多指教~~~