javascript - Memaparkan masalah yang dihadapi apabila menggunakan jadual UI Elemen dalam Vue

Question

Keperluan: Jadual dengan n baris dan 3 lajur, lajur pertama ialah nombor siri, lajur kedua ialah jenis dan lajur ketiga ialah lakaran kecil.
Data yang dihantar dari latar belakang adalah seperti berikut:

Kod bahagian hadapan:

Halaman menjadi seperti ini:

Bagaimana saya boleh mendapatkan alamat url? Saya ingin menulis alamat ke atribut src dalam tag img, supaya imej pratonton boleh dipaparkan .

Answer 1

el-table-column mempunyai atribut templat sebaris

<el-table-column fixed label="预览" prop="dataurl" inline-template>
    <img :src="row.dataurl">
</el-table-column>