在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element-ui table組件的empty-text屬性怎么沒用?

element-ui table組件的empty-text屬性怎么沒用?

1、想在表格沒有數(shù)據(jù)的地方展示“暫無”,在文檔中找到了empty-text,結(jié)果不好使是咋回事?

clipboard.png

數(shù)據(jù)中確實有一部分為空

clipboard.png

但是最后頁面上還是什么都沒有

clipboard.png

回答
編輯回答
蔚藍色

你誤解了empty-text的作用,empty-text是表格源數(shù)據(jù)為空時顯示的內(nèi)容效果是這種效果。
至于想實現(xiàn)你的需求也有很多種方式,比如這樣

<el-table-column>
  <template slot-scope="{row}">
    {{ row.name || '暫無' }}
  </template>
</el-table-column>
2018年9月11日 14:58
編輯回答
乖乖噠

謝邀~
看源碼可以發(fā)現(xiàn)你理解錯了。是data為空時,顯示empty-text。
ElementUI table源碼

<div
    v-if="!data || data.length === 0"
    class="el-table__empty-block"
    ref="emptyBlock"
    :style="{
      width: bodyWidth
    }">
    <span class="el-table__empty-text">
      <slot name="empty">{{ emptyText || t('el.table.emptyText') }}</slot>
    </span>
 </div>
2018年9月21日 22:04