Element UI 的開關(guān)和滑塊

Switch 開關(guān)

表示兩種相互對立的狀態(tài)間的切換,多用于觸發(fā)「開/關(guān)」唇跨。

  • 基本用法
    綁定v-model到一個Boolean類型的變量粱挡。可以使用active-color屬性與inactive-color屬性來設(shè)置開關(guān)的背景色辐宾。



  • 文字描述
    使用active-text屬性與inactive-text屬性來設(shè)置開關(guān)的文字描述狱从。



  • 擴展的 value 類型
    設(shè)置active-value和inactive-value屬性,接受Boolean, String或Number類型的值叠纹。



  • 禁用狀態(tài)
    設(shè)置disabled屬性季研,接受一個Boolean,設(shè)置true即可禁用誉察。



  • Attributes


  • Events


  • Methods


Slider 滑塊

通過拖動滑塊在一個固定區(qū)間內(nèi)進行選擇与涡。

  • 基礎(chǔ)用法
    在拖動滑塊時,顯示當前值持偏。
    通過設(shè)置綁定值自定義滑塊的初始值驼卖。



  • 離散值
    選項可以是離散的。
    改變step的值可以改變步長鸿秆,通過設(shè)置show-stops屬性可以顯示間斷點酌畜。



  • 帶有輸入框
    通過輸入框設(shè)置精確數(shù)值。
    設(shè)置show-input屬性會在右側(cè)顯示一個輸入框卿叽。



  • 范圍選擇
    支持選擇某一數(shù)值范圍桥胞。
    設(shè)置range即可開啟范圍選擇,此時綁定值是一個數(shù)組附帽,其元素分別為最小邊界值和最大邊界值埠戳。



  • 豎向模式
    設(shè)置vertical可使 Slider 變成豎向模式,此時必須設(shè)置高度height屬性蕉扮。



  • 展示標記
    設(shè)置 marks 屬性可以展示標記整胃。



  • Attributes



  • Events


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市喳钟,隨后出現(xiàn)的幾起案子屁使,更是在濱河造成了極大的恐慌在岂,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蛮寂,死亡現(xiàn)場離奇詭異蔽午,居然都是意外死亡,警方通過查閱死者的電腦和手機酬蹋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門及老,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人范抓,你說我怎么就攤上這事骄恶。” “怎么了匕垫?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵僧鲁,是天一觀的道長。 經(jīng)常有香客問我象泵,道長寞秃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任偶惠,我火速辦了婚禮春寿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘洲鸠。我一直安慰自己堂淡,他們只是感情好,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布扒腕。 她就那樣靜靜地躺著绢淀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瘾腰。 梳的紋絲不亂的頭發(fā)上皆的,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天,我揣著相機與錄音蹋盆,去河邊找鬼费薄。 笑死,一個胖子當著我的面吹牛栖雾,可吹牛的內(nèi)容都是我干的楞抡。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼析藕,長吁一口氣:“原來是場噩夢啊……” “哼召廷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤竞慢,失蹤者是張志新(化名)和其女友劉穎先紫,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體筹煮,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡遮精,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了败潦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片本冲。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖变屁,靈堂內(nèi)的尸體忽然破棺而出眼俊,到底是詐尸還是另有隱情,我是刑警寧澤粟关,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站环戈,受9級特大地震影響闷板,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜院塞,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一遮晚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拦止,春花似錦县遣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至顶瞒,卻和暖如春夸政,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背榴徐。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工守问, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留姻乓,地道東北人年柠。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓峰伙,卻偏偏與公主長得像锐膜,于是被迫代替她去往敵國和親乎折。 傳聞我的和親對象是個殘疾皇子鸠真,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容