日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

Avue前端控件大全和表格属性

發布時間:2024/1/1 vue 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Avue前端控件大全和表格属性 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

// 表格屬性
// width: “100%”,//表格寬度
// calcHeight: “auto”,//表格高度差(主要用于減去其他部分讓表格高度自適應)
// height: “auto”,//表格高度
// maxHeight: “auto”,//表格最大高度
// border: true,//是否顯示表格邊框
// expand: false,//是否展開折疊行
// index: false,//是否顯示表格序號(根據分頁會自動計算,比如每頁10行,到了第二頁就會從11開始記數)
// indexLabel: “#”,//序號的標題
// stripe: true,//是否顯示表格的斑馬條紋
// showHeader: true,//是否顯示表格的表頭
// //defaultSort:表格的排序字段{prop:‘date’,order:‘descending/ascending’}prop默認排序字段,order排序方式
// align: “center”,//表格列對其方式left/center/right
// menu: true,//是否顯示操作菜單欄
// menuWidth: 240,//操作菜單欄的寬度
// menuAlign: “left”,//菜單欄對齊方式left/center/right
// searchSize: “small”,//搜索控件的大小small/mini
// columnBtn: true,//列顯隱按鈕
// refreshBtn: true,//刷新按鈕
// addBtn: true,//添加按鈕
// searchBtn: true,//搜索顯隱按鈕(當column中有搜索的屬性,或則searchslot為true時自定義搜索啟動起作用)
// editBtn: true,//行內編輯按鈕
// delBtn: true,//行能刪除按鈕
//列屬性
// label:“租戶ID”,//列名稱
// prop:“id”,//列字段
// placeholder:“請輸入租戶ID”,//控件提示輸入語句
// align:“left”,//列的對其方式,覆蓋table的align
// //width://列寬度
// minWidth:“auto”,//列最小寬度
// sortable:false,//排序
// hide:true,//隱藏列 表格起作用
// span:12,//表單柵列
// //precision:2,//數字框輸入精度(當type為number時)
// search:false,//是否支持搜索
// type:“input”,//input/select/radio/checkbox/textarea/cascader/date/time/datetime/daterange/timerange/datetimerange/week/month/year/dates/password/switch/tree
// //maxRows:4,//最大行(當type為textarea)
// //minRows:2,//最小行(當type為textarea)
// //multiple:false,多選(當type為select/tree時)
// //format:"",//顯示值時間格式(當type為date/time/datetime/daterangetimerange/datetimerange/week/month/year/date
// //valueFormat:"",//真實值的時間格式(當type為date/time/datetime/daterangetimerange/datetimerange/week/month/year/dates)
// clearable:true,//表單清空
// size:“medium”,//表單大小medium/small/mini
// editDisabled:false,//表單編輯時是否禁止
// editDisplay:false,//表單編輯是否可見
// addDisabled:false,//表單編輯時是否禁止
// addDisplay:false,//表單編輯是否可見
// slot:false,//列自定義 支持自定義列
// formslot:false,//表單自定義
// // fixed:true,//凍結列
// formWidth:“auto”,//表單寬度
// formHeight:“auto”,//表單行高度
// overHidden:false,//超出隱藏
// //rules://表單規則,參考ele表單規則配置Object
// //dicData://傳入本次需要的靜態字典(在column中dicData寫對象key值即可加載)
// //dicMethod://傳入字典的請求方式
// //dicQuery://傳入字典的請求參數Object
// //dicUrl://字典的網絡請求接口(例如配置/xxx/xx/{{key}},這樣的格式,在column中dicData自動匹配prop字段名)

總結

以上是生活随笔為你收集整理的Avue前端控件大全和表格属性的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。