解決ele ui 表格表頭太長(zhǎng)問題的實(shí)現(xiàn)
設(shè)計(jì)圖是這樣：
可是做出來是這樣：
出現(xiàn)了一行連著。。要知道工作上總有些ui沒事做喜歡指指點(diǎn)點(diǎn)。
后來翻查官方手冊(cè)發(fā)現(xiàn)了這個(gè)參數(shù)：
附上網(wǎng)址:https://element.eleme.cn/#/zh-CN/component/table
首先，我們要知道h是vue封裝的一個(gè)方法。叫$createelement,大意是創(chuàng)建一個(gè)節(jié)點(diǎn)（猜的，，沒辦法英語一級(jí)都沒考過.）,然后這方法返回一個(gè)column和index，column其實(shí)就是這一格子里面的東西。我們來打印看一下。
現(xiàn)在我的動(dòng)態(tài)表頭里面添加這個(gè)方法：
打印column出來是這個(gè)格子里面的所有屬性。：
接著我們?yōu)榱藢?shí)現(xiàn)設(shè)計(jì)圖。要這樣寫方法:
細(xì)心的人會(huì)發(fā)現(xiàn)我的這表頭里面多了一個(gè)|的符號(hào)，其實(shí)是為了這方法用的
h是調(diào)用createelement這個(gè)方法，傳入這是一個(gè)div，接著樣式，最后利用split去分割這個(gè)字符串。添加一個(gè)div進(jìn)行分割。樣式如下：
last,成雛形了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
使用Bootstrap + Vue.js實(shí)現(xiàn)表格的動(dòng)態(tài)展示、新增和刪除功能
這篇文章主要介紹了使用Bootstrap + Vue.js實(shí)現(xiàn)表格的動(dòng)態(tài)展示、新增和刪除功能,需要的朋友可以參考下2017-11-11
關(guān)于el-form表單驗(yàn)證中的validator與validate使用時(shí)的問題
這篇文章主要介紹了關(guān)于el-form表單驗(yàn)證中的validator與validate使用時(shí)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue2 mint-ui loadmore實(shí)現(xiàn)下拉刷新,上拉更多功能
這篇文章主要介紹了vue2 mint-ui loadmore實(shí)現(xiàn)下拉刷新,上拉更多功能,需要的朋友可以參考下2018-03-03
ElementUI組件Dialog彈窗再次打開表單仍顯示上次數(shù)據(jù)的問題
這篇文章主要介紹了ElementUI組件Dialog彈窗再次打開表單仍顯示上次數(shù)據(jù)的問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家介紹了分析總結(jié)20道Vue高頻面試題示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
組件的二次封裝：保留組件已有的功能,需要重寫組件方法,當(dāng)組件已有大量功能時(shí)候,則需要重寫很多重復(fù)代碼,且組件功能進(jìn)行修改的時(shí)候,封裝的組件也需要對(duì)應(yīng)修改,從而造成許多開發(fā)和維護(hù)成本,本文給大家分享了Vue3實(shí)現(xiàn)組件二次封裝的小技巧,需要的朋友可以參考下2024-09-09
淺析vue3響應(yīng)式數(shù)據(jù)與watch屬性
這篇文章主要介紹了vue3響應(yīng)式數(shù)據(jù)與watch屬性的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05
vue3?hook重構(gòu)DataV的全屏容器組件詳解
這篇文章主要為大家介紹了vue3?hook重構(gòu)DataV的全屏容器組件詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要介紹了詳解Element 指令clickoutside源碼分析，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
Vue利用watch偵聽器模擬實(shí)現(xiàn)翻譯功能
本期將會(huì)介紹 Vue 中的 watch 偵聽器,它語法是怎么樣的呢？具有怎樣的功能呢？最后用模擬實(shí)現(xiàn)百度翻譯來更進(jìn)一步練習(xí) watch 偵聽器,需要的朋友可以參考下2024-11-11