<el-table :data="tableData">
<el-table-column prop="name"></el-table-column>
</el-table>
tableData [{
name: 'irene'
}]
nameVariable ialah pembolehubah dengan nilai yang sama dengan 'nama' Apabila saya menukar lajur kepada <el-table-column :prop="nameVariable"></el-table-column>, data tidak dipaparkan. kenapa ni?
認證0級講師
Prinsip komponen ini adalah seperti ini
: data adalah bersamaan dengan pembolehubah
prop bersamaan dengan kunci pembolehubah
prop mestilah: kunci pembolehubah data
Jadi masalah anda sepatutnya masalah panggilan, prop tidak boleh panggil pembolehubah lain
Untuk soalan ini, sila lihat demo di laman web rasmi
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
</el-table>
eksport lalai {
data() {
return {
tableData: [{
date: '2016-05-02',
}]
}
}
}
官網(wǎng)demo提示,prop后面跟的數(shù)據(jù)是colum中的key值,而且沒有使用v-bind:prop。
你可以把列改為<el-table-column prop="nameVariable"></el-table-column>
然后對應的data數(shù)據(jù)中,將列的key值也改成nameVariable。那么數(shù)據(jù)就可以顯示了
Jika anda menukarnya di atas, anda harus menukarnya di bawah juga