一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

在Vant的基础上封装下拉日期控件的代码示例

时间:2022-06-25 15:27:20 编辑:袖梨 来源:一聚教程网

需求分析

在实际项目中,表单里面的日期选择是常用的组件。Vant有提供日期组件,但是居然没有提供下拉形式的日期组件,不过该有的元件都有,就自己封装一个。

封装组件过程中我们要解决:

  • 和表单的样式能兼容
  • 错误提示
  • 参数问题
  • 事件机制
  • 格式化

解决问题

就给新的组件取名为 VantFieldDate

期望使用的时候是这样的

具体实现,我贴上代码详细讲解。



效果

热门栏目