Element-ui中的el-date-picker 踩坑日记

问题描述

Element-Ui踩坑日记: 在使用el-date-picker组件的中出现多个日期的选择，会出现日历显示与选框不对齐；
问题分析： 因为这里模态框中存在多个el-date-picker组件，在切换的时候会出现组件没有注销还在进行，因为没有唯一的表示去绑定
原代码

						<el-date-picker
                            v-model=""
                            type="daterange"
                            align="center"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                            @change="getNoworkTime" 
                        >

解决方案

给每一个选框中绑定一个key值，这样确保唯一性就解决了

						<el-date-picker
                            v-model=""
                            type="daterange"
                            align="center"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                            @change="getNoworkTime" 
                            // 加一个key绑定
                            key="pickerFist"
                        >