多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
简介: - 局部组件需要引入 效果: ![](https://img.kancloud.cn/f1/05/f10525306dbf96da0d00d4739b0185f0_389x236.png) 文件位置: ``` @/components/qr-ui/qr-date ``` 案例: ``` <!-- 在对应页面使用 --> <qr-date @confirm="dateConfirm" :date="date" :name="name"> </qr-date> data () { return { date:'2020-05-26', name:'活动日期', } }, methods: { cancel(e){ console.log('触发关闭') }, dateConfirm(e){ console.log('当前选择的日期是') } } ``` 参数: | 参数 | 作用 | 类型 | 默认 | 是否必传 | 属性 | | --- | --- | --- | --- | --- | --- | | date | 默认日期格式为"YYYY-MM-DD" | String | '' | false | -| | isRequired | 是否必填,显示红色*号 | Boolean | true | false | - | | start| 开始日期格式为"YYYY-MM-DD" | String | 2012-12-12 | false | -| | end| 结始日期格式为"YYYY-MM-DD" | String | 2088-08-08 | false | -| 事件: | 事件名 | 作用 | 参数 | | --- | --- |--- | | @cancel | 点击取消按钮时触发的事件 | - | | @confirm | 点击确定按钮时触发的事件 | - | 平台兼容性: | android | H5 | IOS | 微信 | 百度 | 支付宝 | 字节跳动 | | --- | --- | --- | --- | --- | --- |--- |--- | | √ | √ | 待测试 | 待测试 | 待测试 | 待测试 |待测试 | 组件负责人:佘威