<template>
<div name="show">
<ul>
<li v-for: good in list>
<img v-bind:src="good.img">
<p>{{good.goodName}}</p>
</li>
</ul>
</div>
</template>
<script>
export default {
name:"show",
data(){
var obj = this;
this.$http.get("json/Notebook.json").then(function(res){
obj.list = res.data;
})
return{
list:[]
}
}
}
</script>
json数据中,img属性不加路径可以解决
例:
{
"name": "hello",
"img": "good1.png"
},
错在v-bind:src=""上,绑定的应该是一个变量才对,good.img显然不是一个变量