料青山看我應(yīng)如是
2022-10-27 16:32:54
UPD。修改前dataIcon: " @/images/flag-ukraine.svg"修改后dataIcon: require("@/assets/svg/flag-ukraine.svg"),require()的區(qū)別我有materializecss選擇當(dāng)我添加dataIcon url“http ....”代碼時(shí),我嘗試添加本地文件然后沒有任何效果。如何指定本地文件的路徑?<div class="input-field col s12"> <select ref="selectCategory" class="icons"> <option v-for="lang in languages" :key="lang.id" :value="lang.langI" :data-icon="lang.dataIcon" >{{lang.lang}}</option> </select> </div>這是數(shù)據(jù)data: () => ({ date: new Date(), interval: null, dropdown: null, languages: [ { lang: "Укра?нська", langId: "uk-UA", dataIcon: " @/images/flag-ukraine.svg" }, { lang: "English", langId: "en-US", dataIcon: "https://images.ua.prom.st/1440764527_saharnaya-kartinka-lyubov.jpg" } ] })https://prnt.sc/tb3ept文件結(jié)構(gòu) 空?qǐng)D像
1 回答

九州編程
TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超4個(gè)贊
您應(yīng)該將所有靜態(tài)文件保存在src/assets/. 例如,如果您不使用 svg,您可以使用您的 svg 文件創(chuàng)建文件夾,然后在您的代碼或 html 模板中使用一些文件。
編輯:
data: () => ({
date: new Date(),
interval: null,
dropdown: null,
languages: [
{
lang: "Укра?нська",
langId: "uk-UA",
dataIcon: require("@/assets/svg/flag-ukraine.svg"),
},
{
lang: "English",
langId: "en-US",
dataIcon:
"https://images.ua.prom.st/1440764527_saharnaya-kartinka-lyubov.jpg"
}
]
})
你有非常奇怪的文件夾結(jié)構(gòu)。默認(rèn)和推薦的 vue js 文檔是這樣的
添加回答
舉報(bào)
0/150
提交
取消