Vue中引用assets中圖片的實現(xiàn)方式
更新時間：2023年10月17日 08:39:01 作者：有玉微涼，是為櫻瑯
這篇文章主要介紹了Vue中引用assets中圖片的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue中引用assets中圖片的方式
作為img標簽引進來
<img class="img" alt="example" :src="require('./../assets/image/applicationOne.png')">作為背景圖片引入
<span :style="'background-image:url('+require('./../assets/image/gotoSystemTwo.png')+')'" ></span>解決vue引入assets下圖片路徑找不到問題
<img :src="imgsrc2">
export default{
data(){
imgsrc2: require('../assets/logo4.png')
}
}總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue?提供了雙向數(shù)據(jù)綁定機制,使得開發(fā)者可以輕松地將表單組件的值與?Vue?實例中的數(shù)據(jù)進行關聯(lián),本文將詳細介紹如何在?Vue?中使用這些表單組件,并實現(xiàn)雙向數(shù)據(jù)綁定,需要的可以參考下2024-03-03
這篇文章主要介紹了Vue3中使用Pinia修改State的五種方式,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧2023-11-11
這篇文章主要為大家詳細介紹了Vue實現(xiàn)裁切圖片功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了Vue拖拽排序組件Vue-Slicksort，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了vue中的provide / inject 有什么用處,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-11-11
這篇文章主要介紹了VUE3頁面div如何點擊改變樣式問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要給大家介紹了關于vue3前端實現(xiàn)全屏顯示及元素垂直填滿頁面效果的相關資料,文中還給大家介紹了vue3實現(xiàn)某一個元素全屏之后就黑屏了的解決辦法,需要的朋友可以參考下2024-02-02
Vue3?中的?readonly?特性及函數(shù)使用詳解
readonly是Vue3中提供的一個新特性，用于將一個響應式對象變成只讀對象，這篇文章主要介紹了Vue3?中的?readonly?特性詳解,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了Vue實現(xiàn)用戶登錄及token驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細介紹了Vue編寫炫酷的時鐘插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08