async getLogoImg () {
const {
data } = await getTheaterLogo()
document.title = data.revData.theaterName
}
**注意事:项要在app.vue里面使用**
**slice(start,end):截取你想要的图片个数排列**
<div class="national-show" v-for="(item,i) in item.pageModDTO[0].projectList.slice(0,5)" :key="i">
<div class="recommendImg cursor-box" @click="productDetails(item)">
<el-image :src="item.prodImpUrl || '/img/noData/no-picture.png'" style="width:188px;height:252px"></el-image>
</div>
**多层数据嵌套循环**
"list":[
{
"productId":"600100002115",
"productName":"黄鹤楼香烟",
"productPrice":19,
"productQuantity":1,
"productImage":"./assets/images/goods-1.jpg",
"parts":[
{
"partsId":"10001",
"partsName":"打火机",
"imgSrc":"./assets/images/part-1.jpg"
}
]
},
**请求后台数据**
cartView() {
this.$http.get('static/data/cartData.json').then(response => {
this.productList = response.data.result.list;
}).catch(error => {
console.log(error);
});
},
**dom结构循环数据第一层**
<ul class="cart-item-list">
<li v-for="(item, index) in productList">
<div class="cart-tab-1">
**dom结构循环数据第二层**
<dl>
<dt>赠送:</dt>
<dd v-for="part in item.parts" v-text="part.partsName"></dd>
</dl>
``
1. List item
`