資訊專欄INFORMATION COLUMN
摘要：項目地址前言結(jié)合日常開發(fā)，封裝常用功能，提高開發(fā)效率。通用顯示效果支持類型類型文本鏈接文檔圖片用法相關(guān)屬性屬性參數(shù)說明類型可選值默認值動畫效果的列的配置對象，更多細節(jié)請參見列屬性。
項目地址：tbs-ve-template
前言結(jié)合日常開發(fā)，封裝常用功能，提高開發(fā)效率。讓程序猿兄弟姐妹們也有時間約約女票，逗逗男票，做做自己想做的事情，不要天天在辦公室造輪子！
1.通用Table
思路類似easy-ui的table加載方式
環(huán)境簡述開發(fā)框架:基于vue-admin-template
github:https://github.com/PanJiaChen...
JS 包管理工具: Yarn
安裝方法：https://www.cnblogs.com/xiang...
項目 啟動:
第一步：yarn install 下載所有依賴包
第二步：yarn run dev 下載所有依賴包
第三步：訪問http://localhost:9528
說明：為了避免代碼過長不易瀏覽，講vue代碼與js代碼分開編輯。
類型：文本 | 鏈接 | 文檔 | 圖片
用法相關(guān)屬性
Table 屬性:
| 參數(shù) | 說明 | 類型 | 可選值 | 默認值 |
|---|---|---|---|---|
| listLoading | 動畫效果 | boolean | — | true |
| columns | table 的列（column）的配置對象，更多細節(jié)請參見列（column）屬性。 | array | — | — |
| ui | table顯示效果的配置對象，更多細節(jié)請參見列（ui）屬性 | array | — | — |
| data | 顯示數(shù)據(jù)集合，一般從遠程獲取數(shù)據(jù)后進行賦值 | array | — | — |
| page | table分頁配置對象，更多細節(jié)請參見列（page）屬性 | array | — | — |
Table列（Column）屬性:
| 參數(shù) | 說明 | 類型 | 可選值 | 默認值 |
|---|---|---|---|---|
| label | 列的標題文本 | string | — | — |
| field | 列的字段名,與data屬性中的名稱對應(yīng) | string | — | — |
| width | 列的寬度 | number | — | — |
| showtype | 列的類型，normal：為文本類型 | string | normal、http、file、image | normal |
| filter | 過濾器，類似easyui中formatter屬性，用于格式數(shù)據(jù) | string | — | — |
Table樣式（ui）屬性:
| 參數(shù) | 說明 | 類型 | 可選值 | 默認值 |
|---|---|---|---|---|
| tableHeight | Table高 | string、number | — | — |
| tableWidth | Table寬度 | string、number | — | — |
Table分頁（page）屬性:
| 參數(shù) | 說明 | 類型 | 可選值 | 默認值 |
|---|---|---|---|---|
| total | 總條目數(shù) | number | — | — |
| listQuery | 分頁參數(shù)，listQuery：{ page：當前頁碼，limit:每頁條目數(shù) } | number | — | — |
在使用中有任何問題，歡迎反饋給我，可以用以下聯(lián)系方式跟我交流
QQ: 375766253
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104552.html
摘要：基于這種思路，那留給我們的只有兩步，組件設(shè)計和數(shù)據(jù)設(shè)計。關(guān)于組件的相關(guān)邏輯，可能要在文章里面一次性說清楚，還是需要費很大的精力，不過希望數(shù)據(jù)驅(qū)動的思想能夠讓之前沒有體會到這種開發(fā)樂趣的小伙伴們有到新的想法。 在日常開發(fā)中，我們肯定不止一次碰到重復(fù)的業(yè)務(wù)代碼，明明功能相似，但總沒思路去把它封裝成組件。關(guān)于封裝組件，希望這篇文章能帶給大家新的思路，去更高效的完成日常開發(fā)。（注：例子都是基于...
摘要：簡潔直觀強悍的前端開發(fā)框架，讓開發(fā)更迅速簡單。是一套基于的前端框架。首個版本發(fā)布于年金秋，她區(qū)別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：簡潔直觀強悍的前端開發(fā)框架，讓開發(fā)更迅速簡單。是一套基于的前端框架。首個版本發(fā)布于年金秋，她區(qū)別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
閱讀 2515·2023-04-25 19:31
閱讀 2265·2021-11-04 16:11
閱讀 2819·2021-10-08 10:05
閱讀 1527·2021-09-30 09:48
閱讀 2327·2019-08-30 15:56
閱讀 2423·2019-08-30 15:56
閱讀 2184·2019-08-30 15:53
閱讀 2278·2019-08-30 15:44
