Question

我有一个el-date-picker（Vue + element-ui），它可以在各种页面上使用，除非在模式弹出窗口中。弹出日期选择器，但始终为其分配一个我无法覆盖的z索引。

我尝试了以下方法：

 <el-date-picker v-if="isNew"
       v-model="point.AddedDate"
       type="date"
       id="added"
       placeholder="Pick a day"
       format="dd/MM/yyyy"
       style="z-index:9999!important;"
       name="AddedDate"
       v-validate="{ required: true, before: getDate }">
  </el-date-picker>

并且我尝试了如下的element-ui全局配置：

Vue.use(ElementUi, { size: 'small', zIndex: 9999});

但是这些都不作为“模式”中的日期选择器始终以较低的z-index呈现，因此它保持隐藏状态。

请注意，el-date-picker在其他地方可用，而无需更改全局配置。

所以问题出在模态中的z-index，当我在Chrome Dev Tools中将自动生成的z-index更改为所需值时，将显示弹出窗口。

有人能看到什么不对吗？

未设置element-ui el-date-picker zIndex

0 个答案: