如何让el-date-picker点击后不收起
时间: 2023-08-03 13:01:21 浏览: 638
ngx-input-date-range-picker:角度输入日期范围选择器库
要让 el-date-picker 点击后不收起,你可以通过设置 el-date-picker 的属性 `popper-class` 来实现。`popper-class` 属性用于自定义弹出层的样式类名,通过给弹出层添加一个自定义的样式类,可以控制弹出层的显示行为。
首先,在 el-date-picker 上添加 `popper-class` 属性,并指定一个自定义的样式类名,例如 `my-datepicker`:
```html
<el-date-picker v-model="date" popper-class="my-datepicker"></el-date-picker>
```
接下来,在你的样式表中定义该样式类,并设置 `pointer-events` 属性为 `auto`,以阻止点击事件冒泡到 el-date-picker 的容器元素,从而阻止 el-date-picker 收起:
```css
.my-datepicker {
pointer-events: auto;
}
```
这样设置后,当你点击 el-date-picker 时,弹出层就不会收起了。
阅读全文