vue渲染多张图片以轮播图形式展示

先上效果图

 上代码

数据库获取imgs数组，遍历展示

！！！注意，开始搞了半天搞不出来，后来发现是template放在div里面了，拿不到socpe.row的数据。所以没展示出来

<el-table-column label="商品图" align="center"  prop="imgs" >
        <template slot-scope="scope" >
        <div class="block" >
          <el-carousel height="150px"  indicator-position="none" :interval="10000">
            <el-carousel-item v-for="(item, index) in scope.row.imgs" :key="index">
                  <el-image width="30%" height="30%"  v-bind:src="item"></el-image>
            </el-carousel-item>
          </el-carousel>
        </div>
        </template>
 </el-table-column>