Element Ui table组件单元格中渲染图片

最新推荐文章于 2024-05-08 18:15:55 发布

阁下何不同风起？

最新推荐文章于 2024-05-08 18:15:55 发布

阅读量792

点赞数

分类专栏： Element Ui vue-cli脚手架文章标签： vue.js html

本文链接：https://blog.csdn.net/yueye_wu/article/details/120403355

版权

vue-cli脚手架同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

Element Ui

9 篇文章 0 订阅

订阅专栏

          <el-table-column
            prop="imgurl[0]"
            label="图片"
            width="120px"
            header-align="center"
            align="center"> 
            <template slot-scope="scope" class="imgbox">
              <img
                width="100px"
                height="100px"
                :src="scope.row.imgurl" class="img"
              />
            </template>
          </el-table-column>

其中el-table-colum 中prop绑定的必须是数据中你所想要使用的内容

template插槽必须绑定 slot-scope="scope"属性且图片路径src需动态绑定为scope.row.prop中绑定的数据名