ElementUI使用總結

2022-03-17 11:50:05 字數 1391 閱讀 7000

1、**內指定行數給定不同樣式(類似於隔行變色,也能叫指定行數不同顏色展示),如下圖

prop="date"label="日期"width="180">

column

prop="name"label="姓名"width="180">

column

prop="address"label="位址">

使用時,自己遇到的問題:

問題一:style屬性,渲染不上去,無效。最終找到原因,如下圖:

問題二:顏色樣式渲染上去了,明明設定的連續n行變色,但是只有單行數生效,解決方式如下圖:

2、如果想要在**中設定某一行不顯示,想要通過show:true 或者 false來控制可以這麼解決,template用處多多,還需要多多學習,如下**

column

align="center"v-if="node.show !== false":key="index":prop="node.index":label="node.label":sortable="node.sort === true || node.sort === 'custom'"

>

if="node.slot == 'devicetype'">}

else-if="node.slot == 'manage_user'">}

else-if="node.slot == 'manage_user2'">}

else-if="node.slot == 'same_zone'">}

if="node.slot == 'type'">}

else-if="node.slot == undefined">}

data資料如下,標紅處的show

data() ,,,

],page: ,

data: ,

//使用者資訊

filtertext: "",

couponselected: ""}

};},

暫時這麼多,未完待續...

element ui使用總結

在專案中用到了element ui 使用時遇到部分問題,總結如下 1.日期限制 自定義表單驗證實現 限制日期前後 以下為element ui表單元件的乙個表單項,prop是表單域 model 字段,在使用 validate resetfields 方法的情況下,該屬性是必填的,值應該是 form 元...

element ui使用心得總結

1 樹形列表el table的資料data中有haschildren屬性時,必須結合lazy,load,才能有點選展開的效果,缺其中乙個要素沒有配置,都不能點選展開 2 樹形列表el table的資料data中有haschildren屬性時,default expand all必須有lazy才能生效...

element ui安裝使用

import elementui from element ui import element ui lib theme default index.css 若發現該處導包總是出錯,請檢查node modules中的對應版本目錄下是否有theme default index.css檔案,若沒有,解除...