vue表格如何显示图片

最新推荐文章于 2024-01-28 12:18:04 发布

芋泥芝士bao

最新推荐文章于 2024-01-28 12:18:04 发布

阅读量963

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/kthvsxh/article/details/125399149

版权

关键：
获取的是链接


 <template   slot-scope="scope">
          <img :src="scope.row.code"  min-width="70" height="70" />
        </template>

完整如下：

```javascript
<el-table-column
          prop="code"
          label="二维码"
          width="170">
        <template   slot-scope="scope">
          <img :src="scope.row.code"  min-width="70" height="70" />
        </template>
      </el-table-column>

tableData: [{
          code: 'https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=1a3d82d42f2dd42a4b0409f9625230d0/314e251f95cad1c86a912b9a753e6709c93d5161.jpg',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
           code: 'https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=1a3d82d42f2dd42a4b0409f9625230d0/314e251f95cad1c86a912b9a753e6709c93d5161.jpg',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }]