VuetifyX UI

Appearance

vx-select 选择器 ​

API ​

Slot ​

v-slot:prepend-inner ​

可以自定义input文字前固定位置的图标的插槽, selectedItems 可以用来控制当前选中项

slot scope

js
{
  isActive: Ref<boolean>
  isFocused: Ref<boolean>
  controlRef: Ref<HTMLElement | undefined>
  selectedItems: Array<{string, any}>
  focus: () => void
  blur: () => void
}

v-slot:item ​

每一项的插槽，用来自定义渲染每一项，根元素必须使用 v-list-item 及绑定上 v-bind="props"

slot scope

js
{ item: ListItem; index: number; props: Record<string, unknown> }

见 example

示例（vx-select） ​

Slot（item） ​

item 的原始数据在 item.raw 里， 如果不希望 prepend 的区域i元素变暗，使用style: "--v-medium-emphasis-opacity:1" 来控制

示例（vx-selectmany） ​

legacy component

vx-linkageselect ​

legacy component

vx-autocomplete ​

legacy component

vx-linkageselect-remote ​

legacy component