我的vue网页包脚本中包含以下内容:
<script>
export default {
data () {
return {
repos: [
{name: 'test1', src: '../assets/logo.png'},
{name: 'test2', src: '../assets/underscore.png'},
...
]
}
}
}
</script>
然后在我的html中，我试图将本地src元素绑定到img，但我无法让它工作.下面是我的html的样子:
<div v-for="repo in repos" :key="repo.name">
<img :src="repo.src" />
</div>
当我的img源没有数据绑定时，它可以正常工作，例如:
<img :src="../assets/logo.png" />
Why won't my local images load if they are data bound in Vue?
以下是我的目录:
