La forma de cargar la imagen de fondo en la tabla eltable

Resuelva el problema de cómo asignar la dirección de imagen aceptada por prop a src

1. formación

1.数据里加一个空数组，picurl: []
2.后台传过来的图片地址都赋给picurl
	this.picurl=this.tableData.map(item=>{return item.thumbnail})
3.
      <el-table-column label="图片" width="200px" align="center">
        <template slot-scope="scop">
          <el-image class="pic" prop="thumbnail" :src="picurl[scop.$index]" style="width: 100px; height: 100px">
          </el-image>
        </template>
      </el-table-column>

2. función

1.方法里加一个getImg，返回当前项的图片地址
2.
      <el-table-column label="图片" width="200px" align="center">
        <template slot-scope="scop">
          <el-image class="pic" prop="thumbnail" :src="getImg(scop.$index)" style="width: 100px; height: 100px">
          </el-image>
        </template>
      </el-table-column>

3. De la siguiente manera, preste atención a cuál es el valor de prop, cuál es el valor de src

      <el-table-column label="图片" prop="pthumbnail" width="200px" align="center">
        <template slot-scope="scop">
          <el-image class="pic" :src="scop.row.pthumbnail" style="width: 100px; height: 100px">
          </el-image>
        </template>
      </el-table-column>

Los métodos 1 y 2 son similares. Pueden cargar imágenes, pero se cargan de acuerdo con la dirección del elemento de la tabla. Hice una búsqueda y descubrí que las imágenes no se actualizan. . La imagen del primer elemento de los datos de búsqueda es siempre el primer elemento de todos los datos. No hay problema para cambiar al método 3.
En resumen, el método 3 es el mejor