日期時間選擇器 彈出位置錯位
原因：多個時間選擇器存在時，會出現(xiàn)彈出位置錯位；給組件添加一個唯一的key屬性可以解決這一問題，原因在于Vue（或其它前端框架）的渲染機制酿愧，可以有效地幫助vue追蹤組件的狀態(tài)和位置，避免由于DOM復用導致的下拉菜單錯位等問題邀泉。
<!-- 日期 -->
<el-form-item v-if="queryParams.selectTime != '1'">
<el-date-picker
key="!month" // 添加一個唯一的key屬性
class="w-all"
v-model="channelDate"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="開始日期"
end-placeholder="結(jié)束日期"
@change="handleQuery"
></el-date-picker>
</el-form-item>
<!-- 選擇月 -->
<el-form-item v-if="queryParams.selectTime == '1'">
<el-date-picker
key="month" // 添加一個唯一的key屬性
v-model="queryParams.customMonth"
type="month"
value-format="yyyy-MM"
placeholder="選擇月"
class="w-all"
@change="handleQuery"
></el-date-picker>
</el-form-item>
https://blog.csdn.net/weixin_45511682/article/details/123728659
