在做一个项目时用了elmentui,为了显示结果的时候,可以把图片显示出来,而不只是显示一个url需要添加如下内容:
<el-table-column
label="图片">
<template slot-scope="scope">
<img : src="scope.row.image">
</template>
</el-table-column>
但是页面突然不显示:
后来发现一个有趣的地方:
<img : src="scope.row.image">
这个代码img :src ":"与src之间不能有空格,要写成:
<img :src="scope.row.image">
才可以正常显示
这里写成img :src是为了让src成为一个变量来动态获取
具体原因我也不清楚,前端不太懂,如果过有大牛了解的话欢迎赐教!!!!!