新日風(fēng)雅歐妮價格（使用Vue3）

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

"title"標(biāo)題

示例代碼：

"data" @change="change"> data = [   {     title: '新日小衛(wèi)士二代',   },   {     title: '車子質(zhì)量不合格',   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風(fēng)雅歐妮大燈高低調(diào)節(jié)',   } ]

"title"標(biāo)題和"desc"描述

示例代碼：

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

"disable" 禁用

示例代碼：

"data" @change="change"> data = [   {     title: '新日小衛(wèi)士二代',     disable: true   },   {     title: '車子質(zhì)量不合格',     disable: true   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風(fēng)雅歐妮大燈高低調(diào)節(jié)',   } ]

"reverse" 反向

示例代碼：

"state3" @change="change" :reverse="true"> data = [   {     title: '新日小衛(wèi)士二代',     disable: true   },   {     title: '車子質(zhì)量不合格',     disable: true   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風(fēng)雅歐妮大燈高低調(diào)節(jié)',   } ]

"selectedColor" 自定義選中顏色

示例代碼：

"data" @handle="handle" selectedColor="#f60" > data =[   {     title: '新日小衛(wèi)士二代',   },   {     title: '車子質(zhì)量不合格',   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風(fēng)雅歐妮大燈高低調(diào)節(jié)',   } ]

"selected" 默認選中

示例代碼：

"data" @change="change"  > data =[   {     title: '新日小衛(wèi)士二代',     selected: true   },   {     title: '車子質(zhì)量不合格',     selected: true   },   {     title: '我買的騎士1號儀表臺進水怎么回事？',   },   {     title: '風(fēng)雅歐妮大燈高低調(diào)節(jié)',   } ]

Checkbox組件接收props參數(shù)：

dataSource: { (類型 Array)

設(shè)置數(shù)據(jù)源

reverse: { (類型 Boolean)

默認值 false

布局是否反向

selectedColor: { (類型 String)

默認值 "#1bb5f1"

設(shè)置選中顏色

change事件：

點擊時觸發(fā)

返回已選中的數(shù)據(jù)

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

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