Skip to content

[Feature Request] v-select prepend-image prop #22337

@Andrioden

Description

@Andrioden

Problem to solve

Sometimes you want a image to both be presented in the dropdown and selected state for a item. This can be customized to work using slots. However setting a single prepend-image=url is much simpler.

It also makes sense to add append-image prop at the same time to aligned with icon props.

Proposed solution

prepend-image

<v-select
  v-model="targetCritt"
  :items="targetCritts()"
  item-title="levelAndNameAndXp"
  item-value="id"
  prepend-image="imageUrl"
  return-object
></v-select>

or

item-prepend-image

<v-select
  v-model="targetCritt"
  :items="targetCritts()"
  item-title="levelAndNameAndXp"
  item-value="id"
  item-prepend-image="imageUrl"
  return-object
></v-select>

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions