javascript - élément ui
PHP中文网
PHP中文网 2017-05-19 10:37:51
0
3
512
<el-table :data="tableData">
  <el-table-column prop="name"></el-table-column>
</el-table>

tableData [{
  name: 'irene'
}]

nameVariable est une variable avec une valeur égale à 'name'. Lorsque je change la colonne en <el-table-column :prop="nameVariable"></el-table-column>, les données ne sont pas affichées. Pourquoi est-ce?

PHP中文网
PHP中文网

认证0级讲师

répondre à tous(3)
曾经蜡笔没有小新

Le principe de ce composant est le suivant
:data est équivalente à la variable
prop est équivalent à la clé de la variable
prop doit être :la clé de la variable data
Donc vous, cela devrait être un problème d'appel, prop ne peut pas appeler d'autres variables

刘奇

Pour cette question, veuillez jeter un œil à la démo sur le site officiel
<el-table :data="tableData" style="width: 100%">

<el-table-column prop="date" label="日期" width="180"></el-table-column>

</el-table>
export par défaut {

    data() {
        return {
            tableData: [{
                date: '2016-05-02',
                }]
                }
            }
          }
官网demo提示,prop后面跟的数据是colum中的key值,而且没有使用v-bind:prop。
你可以把列改为<el-table-column prop="nameVariable"></el-table-column>
然后对应的data数据中,将列的key值也改成nameVariable。那么数据就可以显示了
曾经蜡笔没有小新

Si vous l'avez modifié en haut, vous devriez également le modifier en bas

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal