antdesignvue selected获取焦点时自动展开下拉
时间: 2023-06-20 08:03:40 浏览: 112
可以尝试在 `Select` 组件上加上 `open` 属性,当该属性为 `true` 时,下拉框默认展开。
例如:
```html
<template>
<a-select v-model="value" open>
<a-select-option value="1">Option 1</a-select-option>
<a-select-option value="2">Option 2</a-select-option>
<a-select-option value="3">Option 3</a-select-option>
</a-select>
</template>
<script>
export default {
data() {
return {
value: '',
};
},
};
</script>
```
当 `Select` 组件获取焦点时,下拉框会自动展开。
另外,也可以通过编写自定义指令或者监听 `focus` 事件来实现该功能。
相关问题
ant design vue2 选择器不显示边框
要让 Ant Design Vue2 的选择器显示边框,你可以在样式表中设置相关的 CSS 样式。具体来说,你可以添加如下的 CSS 样式代码:
```
.el-select-dropdown .el-select-dropdown__item.selected {
border: 1px solid #409eff;
}
```
这段代码中,`.el-select-dropdown__item.selected` 表示选中的选项,`.el-select-dropdown` 表示下拉菜单。将这段代码添加到你的样式表中,就可以让 Ant Design Vue2 的选择器显示边框了。
阅读全文