v-select

Vuetify: How to specify the background-color of a selected item in v-select component

情到浓时终转凉″ 提交于 2020-01-24 21:36:05
问题 I have a v-select widget (combobox / select) in a Vue application. When I open it and hover over an option, the background-color of the option is highlighted (currently light-grey). I want the background-color to have a different color when the mouse arrow hovers over an option. I can not see a property of the v-select widget that supports this. Is there a way to achieve this? v-select::hover { background-color: "#00857A"; } <v-select append-icon="../assets/img/sy-arrow-chevron-down.svg"

v-select : cant show the seleted element

北城以北 提交于 2019-12-13 05:42:29
问题 Im using Vuetify in my project. When I insert some data by v-select its working fine. Also when Im edit that data that also works. The only problem is I cant see the selected element when Im click on Edit. Here is my code <v-select prepend-icon="star_rate" :items="ratings" v-model="customer.rating" label="Rating" item-text="text" item-value="customer.rating" single-line ></v-select> Note: If I use {{customer.rating}} it gives an output like this { "id": 1, "text": "Bad" } and If I select a