<div class="block">
<el-carousel trigger="click">
<el-carousel-item style="height: 300px" v-for="item in this.Pic" :key="item.id">
<img width="705" height="300" :src="item.pic" />
</el-carousel-item>
</el-carousel>
</div>
data () {
return {
Pic: [
{id: '1', name: '1', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'},
{id: '2', name: '2', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'},
{id: '3', name: '3', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'},
{id: '4', name: '4', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'}
],
}
}
在data中已经定义的属性在运行时依然会报错未定义是为什么呢