解決ele ui 表格表頭太長問題的實現(xiàn)
設(shè)計圖是這樣：
可是做出來是這樣：
出現(xiàn)了一行連著。。要知道工作上總有些ui沒事做喜歡指指點點。
后來翻查官方手冊發(fā)現(xiàn)了這個參數(shù)：
附上網(wǎng)址:https://element.eleme.cn/#/zh-CN/component/table
首先，我們要知道h是vue封裝的一個方法。叫$createelement,大意是創(chuàng)建一個節(jié)點（猜的，，沒辦法英語一級都沒考過.）,然后這方法返回一個column和index，column其實就是這一格子里面的東西。我們來打印看一下。
現(xiàn)在我的動態(tài)表頭里面添加這個方法：
打印column出來是這個格子里面的所有屬性。：
接著我們?yōu)榱藢崿F(xiàn)設(shè)計圖。要這樣寫方法:
細(xì)心的人會發(fā)現(xiàn)我的這表頭里面多了一個|的符號，其實是為了這方法用的
h是調(diào)用createelement這個方法，傳入這是一個div，接著樣式，最后利用split去分割這個字符串。添加一個div進(jìn)行分割。樣式如下：
last,成雛形了。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue前端重構(gòu)computed及watch組件通信等實用技巧整理
這篇文章主要為大家介紹了vue前端重構(gòu)computed及watch組件通信等實用技巧整理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
vue3之Suspense加載異步數(shù)據(jù)的使用
本文主要介紹了vue3之Suspense加載異步數(shù)據(jù)的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
vue中的eventBus會不會產(chǎn)生內(nèi)存泄漏你知道嗎
這篇文章主要為大家詳細(xì)介紹了vue中的eventBus會不會產(chǎn)生內(nèi)存泄漏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
本篇文章主要介紹了vue 開發(fā)一個按鈕組件的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
vite?vue3?規(guī)范化與Git?Hooks詳解
這篇文章主要介紹了vite?vue3?規(guī)范化與Git?Hooks,本文重點討論?git?提交規(guī)范,結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-10-10
Vue項目安裝less和less-loader的詳細(xì)步驟
這篇文章主要介紹了Vue項目安裝less和less-loader的詳細(xì)步驟，本文分步驟結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-12-12
本篇文章主要介紹了Vuex之理解state的用法實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
element-ui中el-row中設(shè)置:gutter間隔不生效問題
這篇文章主要介紹了element-ui中el-row中設(shè)置:gutter間隔不生效問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了element-ui之解決select無法回顯的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
本篇文章主要介紹了vue-cli擴(kuò)展多模塊打包的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04