我正在使用 Vue 框架并使用該函數創建圖像DomUtil.Create。在此圖像中，我想動態地將源寫入該圖像。但該圖像不會向用戶顯示。我使用標簽在頁面上放置了一個普通圖像<img>，它在這里工作。僅當創建 DOM 元素時它才不起作用。我將路徑硬編碼在這里，以確保路徑是正確的。var img = L.DomUtil.create("img", "popUpImg", divImg);img.src = '@/assets/pictures/1.png';
1 回答
叮當貓咪
使用
我可以使用變量嗎
TA貢獻1776條經驗 獲得超12個贊
使用require()
綁定到項目路徑/文件名時，請使用require：
require('@/assets/pictures/1.png');如果您在 Vue CLI 中使用項目資源路徑和文件名，Webpack 實際上會在捆綁時重命名它們。img src?如果您在模板中使用字符串路徑，Vue CLI 會悄悄地處理這個問題。但在任何其他情況下，您需要手動使用 Webpackrequire在運行時提供正確的路徑和文件名。
-注意：您可以npm run build檢查dist>img文件夾來親自查看重命名情況。-
我可以使用變量嗎require()？
使用可變路徑/文件名時，require需要一些幫助。您必須至少將路徑的第一部分硬編碼為字符串。
例如，這有效：
const?filename?=?'1.png';
require('@/assets/pictures/'?+?filename);?//?<--?The?string?is?needed這也有效：
const?path?=?'assets/pictures/1.png';
require('@/'?+?path);?//?<--?This?is?good?enough?too但這是行不通的：
const?fullpath?=?'@/assets/pictures/1.png'; require(fullpath);?//?<--?No.?Can't?infer?the?path?from?a?variable?only
- 1 回答
- 0 關注
- 171 瀏覽
添加回答
舉報
0/150
提交
取消