直播电商平台开发，vue显示列表中的多张本地照片

直播电商平台开发，vue显示列表中的多张本地照片

注意这里的路径不能使用{{this.id}}这种变量，且要使用require（）函数并将路径断开

 

1

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

​

 以上就是 直播电商平台开发，vue显示列表中的多张本地照片，更多内容欢迎关注之后的文章