問題
image.png
在圖層蒙版組件中，需要接受父組件傳imgurl值展示。使用props傳入圖片地址時(shí)，發(fā)現(xiàn)require該地址是獲得不了圖片的。需要將完整地址切割為"@/assets/" + 剩余地址 才能正確獲得。
因?yàn)?webpack本身是一個(gè)預(yù)編譯的打包工具，無法預(yù)測未知變量路徑 不能require純變量路徑。
require(path) ,path 至少要有三部分組成, 目錄+文件名+后綴
目錄 => webpack 才知道從哪里開始查找
后綴 => 文件后綴，必須要加上，不然會報(bào)錯(cuò)
文件名 => 可用變量表示
使用value.svg = require(’@/assets/’ + item.svg ) // 不能完全使用變量，前置地址必須是靜態(tài)地址，否則會報(bào)錯(cuò)
參考鏈接：https://blog.csdn.net/teddyWithPig/article/details/110947630
