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

總結

以上是生活随笔為你收集整理的vue导入静态js_如何在vue js中加载静态图像的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。