记录一些日常工作中的遇到,想了一会的需求更改,希望对大家和自己都有点帮助~
1.组件样式问题
一个git更新记录显示两年前的移动端日期选择组件,vue2-datepicker。
项目中的全局样式文件中,对组件的年月日的日一览进行了隐藏
现在在某个模块中要将其日部分单独显示出来。 从看到这个问题到解决这个问题,按照顺序我犯了如下几个错误。
错误一
先入为主,以为组件是按属性设置显示年月,而没有发现这是人为全局的样式隐藏,直接导致了犯了错误二及之后的错误,浪费了大量时间
错误二
两年前更新的不是那么大众化知名的组件,在上网查找的时候混淆了名字,因为他们长得实在太像了,vue2-datepicker和vue-datepicker,导致查找后者的使用文档并进行实验又浪费了我很多时间。
错误三
文档中没有没有关于设置年月日的属性说明,只有最简单的使用方法和回调函数。
这个时候我也发现了,原来它是样式上的隐藏,于是我犯了错误四。
错误四
试图在模块内使用::v-deep将样式渗透进日期组件,却没有注意到日期选择组件是在body层内,与组件同级,导致我的样式渗透不进去
错误五
在组件页面新增了一个不带scoped属性style标签,在里面,使得它在这个组件内可以冲掉全局样式中的日期组件的样式,结果发现这个组件内还有其他如此使用的时间选择器,我离崩溃只差一根稻草
终于,我直接将这些时间选择器换掉,使用了vant的时间选择器,样式上没有多少差异,舒畅多了。至于这个项目这块代码什么时候写的,以至于使用最后一次更新记录在两年前,功能如此稀少的datepiker,我已不再关心。
有更好得解决方法和意见,以及我的做法有什么不妥之处,欢迎留言~