VUE表格中显示微信头像失败

Question

vue在表格中显示微信头像，总是无法显示

后端返回的数据如下

我写的失败的如下

<el-table
        ref="table"
        v-loading="loading"
        :data="tableData"
        size="medium"
        border
      >
        <el-table-column
          prop="wxUrl"
          label="微信头像"
          align="center"
        >
          <el-image
            style="width: 100px; height: 100px"
            :src="wxUrl"
            :fit="fill"
          />
        </el-table-column>
        <el-table-column
          prop="wxName"
          label="微信昵称"
          align="center"
        />
        <el-table-column
          prop="wxCode"
          label="微信号"
          align="center"
        />
</el-table>

为什么一直失败

Answer 1

该这样

  <el-table-column
          prop="wxUrl"
          label="微信头像"
          align="center"
        >
      <template slot-scope="scope">
          <el-image
            style="width: 100px; height: 100px"
            :src="scope.row.wxUrl"
            :fit="fill"
          />
      </template>