el-time-picker下拉框触发判定问题

Question

问题遇到的现象和发生背景

用了el-time-picker，不止点input框会出现下拉框，点击下图里面的区域都会触发，不知道为什么

用代码块功能插入代码，请勿粘贴截图

<label class="form-item-flex r" style="margin-left: 130px">
              <div v-for="(open_time_conf, index) in store.open_time_confs" :key="`open_time_${index}`">
                <el-form label-width="50px">
                  <el-time-picker
                    @focus="getResetData(open_time_conf)"
                    @change="startLaterEnd(open_time_conf,index)"
                    value-format="HH:mm"
                    :disabled="!(store.open_start && store.open_end)"
                    v-model="open_time_conf.start_time"
                    :picker-options="ranageTimeStartOptions[index]"
                    placeholder="选择时间">
                  </el-time-picker>
                  <label class="timeline clearfix"></label>
                  <el-time-picker
                    @focus="getResetData(open_time_conf)"
                    @change="startLaterEnd(open_time_conf,index)"
                    value-format="HH:mm"
                    :disabled="!(store.open_start && store.open_end)"
                    v-model="open_time_conf.end_time"
                    :picker-options="ranageTimeEndOptions[index]"
                    placeholder="选择时间">
                  </el-time-picker>

                  <i class="el-icon-delete-solid" @click="removePeriods(open_time_conf,index)"></i>
                </el-form>
                <br/>
              </div>
              <el-button @click="addPeriod" :disabled="addPeriodDisabled" style="color: #A0D882;" type="text">增加营业时间段</el-button>
            </label>

Answer 1

• 这篇博客也许可以解决你的问题👉 ：el-time-picker时间选择器实际开发中的使用