elementui计数器不显示数值

elementui计数器不显示数值,第1张

elementui的计数器组件在使用时如果没有显示数值,可能是因为以下几个原因:

1. 绑定的数据不正确。elementui的计数器组件需要绑定一个数值类型(如Number)的数据作为计数器的初始值,如果数据类型或者绑定的数据不正确,就无法正常显示数值。

2. 样式设置不正确。可能是由于计数器组件的样式设置不正确导致了数值不显示。可以查看计数器组件相关的样式设置是否完整且正确。

3. 其他因素。可能是因为其他一些因素导致了组件无法正常显示数值,例如浏览器兼容性问题、网络延迟等。

如果以上方法都没有解决问题,可以尝试以下几个步骤:

1. 确认绑定的数据类型正确,并且值范围在计数器可接受的范围内;

2. 检查计数器组件相关的样式设置,保证其设置正确;

3. 更新浏览器版本,或者更换浏览器再次尝试;

4. 如果以上方法都没有解决问题,可以考虑重新安装elementui组件库或者寻求elementui官方技术支持。

说明:element UI带有时间轴插件(el-timeline),但是只显示无法实现折叠展开功能且比较单一,不满足要求,故重新封装一个;

最终效果:

实现过程:

        dom:使用无序标签li 给定title作为时间显示容器:点击时可展开或折叠 使用button标签 ,下面内容部分使用slot传入(里面内容不固定,方便组件复用),嵌套在el-collapse-transition 中以优化动画效果;

        js:数据:属性传入dataList:数组,每一项格式为{time:'2019-12-22',content:{},active:false}    时间标题点击事件selectMenu(arr, index)  arr:该方法修改对应时间下内容是否显示;

        css:这里需要注意的是时间轴的线不能断,所以li 之间不能有margin 值,左边的线用border-left 生成,时间前面的点使用 i 标签生成,用相对定位且相对左边给一个负的left值,与标题不能换行且要有宽高使用inline-block

使用elementUI的时间选择控件el-date-picker后,作为参数上传到后台接收,发现后台时间比前台时间少一天。

例如我们选择的时间是2020-06-03:

但提交到后端我们发现时间变了:

el-date-picker默认返回的是国际标准时间(GMT)

中国国家标准时间(UTC)是东经120°(东八区)的地方时间

同格林威治时间(即国际标准时间GMT)相差8小时

因此,若后端没有帮忙转换,入库时肯定是少一天的,需要自己手动+8小时转换,再提交到后端,这个需要与后端协调好,看是他转换还是你转换。

在时间控件上添加指定日期格式的属性value-format=“yyyy-MM-dd” 即可 。这个 yyyy-MM-dd 格式可自定义 参照element手册


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11792269.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存