gpt4 book ai didi

vuetify.js - 如何让附加外部图标在 vuetify 中工作?

转载 作者:行者123 更新时间:2023-12-04 01:13:14 29 4
gpt4 key购买 nike

v-select允许添加append-outer-icon,但是如何在点击该项时强制展开图标列表?

 <v-select                
:items="selectItems.position"
v-model="selectedPosition"

clear-icon="highlight_remove"
append-icon="unfold_more"
append-outer-icon="unfold_more"
@click:append-outer="openSelect"
>

@click:append-outer 允许添加回调函数,但我在 openSelect 中做了什么来扩展项目列表?

最佳答案

您应该将 ref 添加到您的 v-select 元素。然后在你的 openSelect 函数中使用这个 ref:

<template>
<v-select
ref="theSelect"

:items="selectItems.position"
v-model="selectedPosition"

clear-icon="highlight_remove"
append-icon="unfold_more"
append-outer-icon="unfold_more"
@click:append-outer="openSelect"
/>
</template>

<script>
export default {
methods: {
openSelect () {
this.$refs['theSelect'].onClick()
}
}
}
</script>

关于vuetify.js - 如何让附加外部图标在 vuetify 中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54945580/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com