"title"標題示例代碼：data=[{title:'新日小衛士二代',},{title:'車子質量不合格',},{title:'我買的騎士1號儀表臺進水怎么回事？',},{

"title"標題

示例代碼：

"data" @change="change"> data = [   {     title: '新日小衛士二代',   },   {     title: '車子質量不合格',   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風雅歐妮大燈高低調節',   } ]

"title"標題和"desc"描述

示例代碼：

"data" @change="change"> data= [   {     title: '新日小衛士二代',     desc: '京東購新日小衛士二代一輛，收貨后就發現后輪轂變形！公司廠承諾全圖聯保，官網查得邯鄲市有很多保修點，實際一個都不存在！'   },   {     title: '車子質量不合格',     desc: '剛買的電車，發現車把有些不對稱，店家車子裝上電瓶就想給換，找個維修師傅簡單調了下，今天家人騎車發現車把還是有些斜！車子不合格怎能出廠出售？以后不'   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',     desc: '剛買的騎士1號，在外面淋了一會雨，發現里面進水了，第二天打電話給銷售商，回復說正常，沒關系。我覺得這算正常嗎？再普通的電動車儀表臺也不會進水。'   },   {     title: '風雅歐妮大燈高低調節',     desc: '哪位大神能不能告訴一下風雅歐妮大燈怎么調節'   } ]

"disable" 禁用

示例代碼：

"data" @change="change"> data = [   {     title: '新日小衛士二代',     disable: true   },   {     title: '車子質量不合格',     disable: true   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風雅歐妮大燈高低調節',   } ]

"reverse" 反向

示例代碼：

"state3" @change="change" :reverse="true"> data = [   {     title: '新日小衛士二代',     disable: true   },   {     title: '車子質量不合格',     disable: true   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風雅歐妮大燈高低調節',   } ]

"selectedColor" 自定義選中顏色

示例代碼：

"data" @handle="handle" selectedColor="#f60" > data =[   {     title: '新日小衛士二代',   },   {     title: '車子質量不合格',   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風雅歐妮大燈高低調節',   } ]

"selected" 默認選中

示例代碼：

"data" @change="change"  > data =[   {     title: '新日小衛士二代',     selected: true   },   {     title: '車子質量不合格',     selected: true   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風雅歐妮大燈高低調節',   } ]

Checkbox組件接收props參數：

dataSource: { (類型 Array)

設置數據源

reverse: { (類型 Boolean)

默認值 false

布局是否反向

selectedColor: { (類型 String)

默認值 "#1bb5f1"

設置選中顏色

change事件：

點擊時觸發

返回已選中的數據

具體的Checkbox組件源碼，請前往github地址獲取。

https://github.com/AntJavascript/WidgetUI3.0/blob/master/Checkbox.vue