新日风雅欧妮价格（使用Vue3）(新日风雅欧妮说明书)

"title"标题

示例代码：

<wt-checkbox :dataSource="data" @change="change"></wt-checkbox>
data = [
  {
    title: '新日小卫士二代',
  },
  {
    title: '车子质量不合格',
  },
  {
    title: '我买的骑士1号仪表台进水怎么回事？',
  },
  {
    title: '风雅欧妮大灯高低调节',
  }
]

"title"标题和"desc"描述

示例代码：

<wt-checkbox :dataSource="data" @change="change"></wt-checkbox>
data= [
  {
    title: '新日小卫士二代',
    desc: '京东购新日小卫士二代一辆，收货后就发现后轮毂变形！公司厂承诺全图联保，官网查得邯郸市有很多保修点，实际一个都不存在！'
  },
  {
    title: '车子质量不合格',
    desc: '刚买的电车，发现车把有些不对称，店家车子装上电瓶就想给换，找个维修师傅简单调了下，今天家人骑车发现车把还是有些斜！车子不合格怎能出厂出售？以后不'
  },
  {
    title: '我买的骑士1号仪表台进水怎么回事？',
    desc: '刚买的骑士1号，在外面淋了一会雨，发现里面进水了，第二天打电话给销售商，回复说正常，没关系。
我觉得这算正常吗？再普通的电动车仪表台也不会进水。
'
  },
  {
    title: '风雅欧妮大灯高低调节',
    desc: '哪位大神能不能告诉一下风雅欧妮大灯怎么调节'
  }
]

"disable" 禁用

示例代码：

<wt-checkbox :dataSource="data" @change="change"></wt-checkbox>
data = [
  {
    title: '新日小卫士二代',
    disable: true
  },
  {
    title: '车子质量不合格',
    disable: true
  },
  {
    title: '我买的骑士1号仪表台进水怎么回事？',
  },
  {
    title: '风雅欧妮大灯高低调节',
  }
]

"reverse" 反向

示例代码：

<wt-checkbox :dataSource="state3" @change="change" :reverse="true"></wt-checkbox>
data = [
  {
    title: '新日小卫士二代',
    disable: true
  },
  {
    title: '车子质量不合格',
    disable: true
  },
  {
    title: '我买的骑士1号仪表台进水怎么回事？',
  },
  {
    title: '风雅欧妮大灯高低调节',
  }
]

"selectedColor" 自定义选中颜色

示例代码：

<wt-checkbox :dataSource="data" @handle="handle" selectedColor="#f60" ></wt-checkbox>
data =[
  {
    title: '新日小卫士二代',
  },
  {
    title: '车子质量不合格',
  },
  {
    title: '我买的骑士1号仪表台进水怎么回事？',
  },
  {
    title: '风雅欧妮大灯高低调节',
  }
]

"selected" 默认选中

示例代码：

<wt-checkbox :dataSource="data" @change="change"  ></wt-checkbox>
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

下一篇：梦见右小腿断了又恢复原样
上一篇：矮脚猫大概多少钱一只（喵星人介绍）