我有一個組件,它接受一個prop字符串,即一個url。它可以是遠程圖片,也可以是資產文件夾中的本地靜態資產。
目錄結構:
-assets/
- logo.png
-app.vue
-components/
-ImageTest.vue
圖像測試.vue
{{imagelink}}
export default {
name: "ImageTest",
props:{
imagelink: String,
},
computed: {
// a computed getter
imglink: function () {
console.log(this.imagelink)
return (this.imagelink)
}
}
}
應用程序.vue
import ImageTest from './components/ImageTest.vue'
export default {
name: 'app',
components: {
ImageTest
}
}
輸出:(靜態文件不起作用,但是我可以從開發人員檢查器工具中看到url被加載到src中)
