直播電商平臺開發，vue顯示列表中的多張本地照片

直播電商平臺開發，vue顯示列表中的多張本地照片

注意這裡的路徑不能使用{{this.id}}這種變數，且要使用require（）函式並將路徑斷開

<div class="booksnew_card" v-for="(item,index) in bookList" :key="item.id">
        <router-link :to="{path: '/book',query:{id:item.id}}">
          <el-image
            style="width: 82%; height: 190px;margin:5px 9%"
            :src="require('../assets/books/book'+(index+1)+'.jpg')"
            fit="fill"></el-image>
          <div style="width: 86%;margin: 0px 7%">
            <a href="#" class="booksnew_text">
              {{item.name}}
            </a>
            <div class="booksnew_author">
              {{item.author}}
            </div>
          </div>
        </router-link>
 </div>

 以上就是 直播電商平臺開發，vue顯示列表中的多張本地照片，更多內容歡迎關注之後的文章