关于将从后端接口数据获取图片,使图片显示出来

首先从前台获取的表格数据

关于将从后端接口数据获取图片,使图片显示出来_第1张图片

 如果想显示在elementui的表格img图片src中,需要引用获得其图片路径地址

在img图片上下添加该代码获取当前行的数据

然后通过scope.row获取当前行的数据

getImage(row){

   return row.imgpath

}

信息如下:

关于将从后端接口数据获取图片,使图片显示出来_第2张图片

 然后通过return返回路径,将该路径返回给src路径引用即可获得该图片的路径

效果如下

关于将从后端接口数据获取图片,使图片显示出来_第3张图片

 

 代码:




    
    Title
    
    
    
    


 

你可能感兴趣的:(vue.js,elementui,前端)