vue的title标题处理

 // 剧院logo请求以及剧院title标题
    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 => {
    
    
          // console.log(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

`

猜你喜欢

转载自blog.csdn.net/weixin_43959276/article/details/105765479