Skip to content

选择器选项

@astryxdesign/core v0.7.1 · SelectorOption

使用方法 ​

原版里这是给选择器的 renderOption 用的一个小部件,用来自己画选项行。

ts
import type { SelectorOption } from '@astryx-vue/core/Selector'

我们这边 SelectorOption 是一个类型,不是组件:它就是 选择器 options 数组里每一行长什么样。label 是主文字,description 是下面那行小字,正好是原版那个小部件画出来的两行。默认的选项行本来就会画这两行,所以写个普通对象就够了。要画别的东西,用 option 插槽,它拿到的还是这个对象。

选项也可以只写一个字符串,这时它既是值也是文字。

示例 ​

常见的用法和不同的状态。

基础

选项用 SelectorOption 那种写法来渲染,每行主文字下面多一行说明。原版放在 renderOption 里,让自定义选项长得一样。