本文探讨了Vue开发中使用Element组件的一些关键点。首先介绍了如何利用default-value和picker-options设置日期选择器的默认值和禁选日期，以实现指定日期范围筛选功能。接着提到了Element UI image组件预览图片时可能出现的问题，并推荐使用v-viewer作为解决方案。最后，展示了在表格中自动生成递增序号的方法，并提供了ant design vue拖拽上传进度条颜色修改的示例。
1. 日期选择器限制可选的时间范围
1.1 蓝色区域可以通过在组件内添加参数 default-value 并且传值从而实现默认现实的年月，传值格式如2020-04，同时还可以通过 value-format参数 控制数据想要的日期格式。参数使用如图
1.2 红色区域的日期的禁止选择的实现首先如上图再添加 picker-options="pickerOptions0" 参数 自定义实现，具体的pickerOptions0如图。
因为比较懒所以写的时候直接用的或运算，而没有优化。通过这样自定义我们可以通过添加两个el-date-picker组件，从而拓展实现传递如2020-04-01 - 2020-04-05 的时间段参数，从而实现通过后端接口筛选指定日期范围内数据的功能。
2. 关于image组件--大图预览的坑
element ui的这个组件会机率性的出现从后端获取图片地址在前端给数组赋值后查看大图时图片没有显示的问题，最后使用了v-viewer替代。遇到同样情况的可以了解一下v-viewer
最低0.47元/天 解锁文章
扫一扫
635
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
