Vue-ElementUI入门（实现table头像图片显示）

table中字段代码如下
在这里插入图片描述
此处template slot-scope为固定写法(scope相当于一条数据对象)
在img中使用scope（三个属性value、row、index），通过row（本条数据的数据对象）获取src字段的值

Vue data中代码如下
在这里插入图片描述
src路径为自己项目中的图片路径
至此项目运行则可以显示头像图片在table中
在这里插入图片描述

# java
Logo
Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐

cover

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

avatar Vue
cover

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

avatar Vue
cover

ElasticSearch迁移至openGauss

avatar Vue