怎么樣解決eleui表格表頭太長的問題-創(chuàng)新互聯(lián)

小編給大家分享一下怎么樣解決ele ui表格表頭太長的問題,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程,更有鶴城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

設(shè)計圖是這樣:怎么樣解決ele ui表格表頭太長的問題

可是做出來是這樣:

怎么樣解決ele ui表格表頭太長的問題

出現(xiàn)了一行連著。。要知道工作上總有些ui沒事做喜歡指指點點。

后來翻查官方手冊發(fā)現(xiàn)了這個參數(shù):

怎么樣解決ele ui表格表頭太長的問題

首先,我們要知道h是vue封裝的一個方法。叫$createelement,大意是創(chuàng)建一個節(jié)點(猜的,,沒辦法英語一級都沒考過.),然后這方法返回一個column和index,column其實就是這一格子里面的東西。我們來打印看一下。

現(xiàn)在我的動態(tài)表頭里面添加這個方法:

怎么樣解決ele ui表格表頭太長的問題

打印column出來是這個格子里面的所有屬性。:

怎么樣解決ele ui表格表頭太長的問題

接著我們?yōu)榱藢崿F(xiàn)設(shè)計圖。要這樣寫方法:

細(xì)心的人會發(fā)現(xiàn)我的這表頭里面多了一個|的符號,其實是為了這方法用的

怎么樣解決ele ui表格表頭太長的問題

h是調(diào)用createelement這個方法,傳入這是一個div,接著樣式,最后利用split去分割這個字符串。添加一個div進(jìn)行分割。樣式如下:

怎么樣解決ele ui表格表頭太長的問題

last,成雛形了。

怎么樣解決ele ui表格表頭太長的問題

以上是“怎么樣解決ele ui表格表頭太長的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站名稱:怎么樣解決eleui表格表頭太長的問題-創(chuàng)新互聯(lián)
分享地址:http://bm7419.com/article14/dgdgge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、網(wǎng)頁設(shè)計公司、自適應(yīng)網(wǎng)站、關(guān)鍵詞優(yōu)化、定制網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)