首頁猿問如何修改ElementUI的樣式

如何修改ElementUI的樣式

JavaScript

不負(fù)相思意 2019-03-06 14:15:33

現(xiàn)在碰到一個(gè)問題就是運(yùn)用了Elemnt的下拉框組件我提交時(shí)會(huì)做必填項(xiàng)的檢查如果下拉框沒有選東西的話會(huì)讓它的邊框變紅通過:class來動(dòng)態(tài)生成class 但是因?yàn)檫@個(gè)是Element封裝好的組件，所以下面的代碼失敗了怎么才能添加class呢？

查看完整描述

5 回答

呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊

首先寫一個(gè)邊框?yàn)榧t的class，然后給el-select組件使用v-if指令，你的變紅條件就寫在這里，無需修改elementUI源碼

反對(duì) 回復(fù) 2019-03-18

慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊

官方教程
可以定制主題，或者使用SCSS，或者通過命令行改變。

反對(duì) 回復(fù) 2019-03-18

躍然一笑

TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個(gè)贊

可以選擇樓上的答案，同時(shí)elementui也有自己的驗(yàn)證規(guī)則，你可以看一下

反對(duì) 回復(fù) 2019-03-18

蝴蝶不菲

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊

建議使用 elementUi 的表單驗(yàn)證，這樣的好處是可以和其他的表單項(xiàng)目同步觸發(fā)，可以使用表單的各種驗(yàn)證、清空等操作，聯(lián)動(dòng)驗(yàn)證結(jié)果的展示，且交互一致，elementUi 的報(bào)錯(cuò)提示會(huì)有動(dòng)畫效果，比較順滑.