ElementU数据表格用计算属性动态绑定图片

ElementU数据表格用计算属性动态绑定图片

我使用的ElementUI的数据表格，根据数据不同切换、绑定不同的图片。注意由于无法直接读取图片路径，因为webpack在打包的过程中会把url解析成一个字符串

【1】可以require()读取

【2】也可以通过import  img  from '@/assets/images/*' 导入

【3】将图片放在静态目录可以直接通过路径读取（webpack不会处理静态目录的文件）

<template>

<!--

这个图片可以直接显示，但是动态切换绑定就不行，

建议都加require或者import导入方式

-->

<img src="@/assets/images/fileicon/ic_folder.png">

 

<!--    数据表格-->
    <div id="el-table"  >
      <el-table  ref="multipleTable" :data="tableData" tooltip-effect="dark" height="600" width="100%"  >
        <el-table-column type="selection" prop="userSpaceDetailId"  width="55"></el-table-column>
        <