我正在发送数据 - 本地图像文件的 URL,从父到子,当我在子组件中加载它时,它显示一个错误,但如果我直接加载它,它就可以工作。
代码:
在 parent.vue 组件的数据中:
data(){return{items:[
{id:1, src:"../../../assets/img.png" }
在 child.vue 组件的mounted()
img.src = require(this.item.src); // This does not work
img.src = require("../../../assets/img.png") // This works
并且 console.log(this.item.src) 给出了完全相同的字符串,所以孩子实际上正确地获取了数据
正如您所看到的,这两个示例具有相同的 URL 字符串,但一个有效,一个无效。我已经尝试了所有组合或相对 URL,但一切都失败了。
这是怎么回事?
注意:我通过提供开发版本webpack-dev-server
茅侃侃
相关分类