我正在嘗試使用 v-bind 顯示動態影像，但它在模板標簽中不起作用：
<img v-bind:src="test" />
在腳本標簽中：
data() {
return {
items: [],
imagesref: "",
test: '~/assets/captures/ref_01_03_2022_17_05_21/@DHRD-52484/user language check dates in different language/1.png'
};
我厭倦了在 img 標簽上使用測驗路徑來檢查路徑是否有問題，但它作業正常。我怎樣才能解決這個問題
uj5u.com熱心網友回復：
v-bind:src按預期作業。問題是您的路徑在您的網頁背景關系中毫無意義。
要將專案路徑轉換為 ??Web 路徑，請使用vue-loader. 即：
test: require('./relative/path/to/image.png')
或者您可以利用現有的轉換規則。
注意：這可能因配置而異，但在標準 Vue 專案中，替換~/assets為@/assets應該可以解決問題，而不需要require().
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/444906.html
上一篇：顫振回傳空體但它不是空的