Vue-ElementUI入门(实现table头像图片显示)

table中字段代码如下
Vue-ElementUI入门(实现table头像图片显示)
此处template slot-scope为固定写法(scope相当于一条数据对象)
在img中使用scope(三个属性value、row、index),通过row(本条数据的数据对象)获取src字段的值

Vue data中代码如下
Vue-ElementUI入门(实现table头像图片显示)
src路径为自己项目中的图片路径
至此项目运行则可以显示头像图片在table中
Vue-ElementUI入门(实现table头像图片显示)

相关文章: