我有一个组件,它接受一个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中)
