我有一個(gè)組件,它接受一個(gè)prop字符串,即一個(gè)url。它可以是遠(yuǎn)程圖片,也可以是資產(chǎn)文件夾中的本地靜態(tài)資產(chǎn)。

目錄結(jié)構(gòu):

-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)

}

}

}

應(yīng)用程序.vue

import ImageTest from './components/ImageTest.vue'

export default {

name: 'app',

components: {

ImageTest

}

}

輸出:(靜態(tài)文件不起作用,但是我可以從開發(fā)人員檢查器工具中看到url被加載到src中)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。