Skip to content

输入组件

本章涵盖所有输入类组件(支持 b-model 的优先标记)。

TextField(b-model ✔)

标签<TextField> / <input>

用途:单行输入

常用属性

  • placeholder="..."
  • b-model="name"

常用 BSS

  • text-field-placeholder
  • text-field-cursor-color
  • text-field-error-color

TextArea(b-model ✔)

标签<TextArea>

用途:多行输入

常用属性

  • b-model="content"

常用 BSS

  • text-area-placeholder
  • text-area-cursor-color

Toggle(b-model ✔)

标签<Toggle> / <checkbox>

用途:复选框

常用属性

  • b-model="enabled"
  • text="启用"

常用 BSS

  • mark-background / unmark-background

Switch(b-model ✔)

标签<Switch>

用途:开关

常用 BSS

  • switch-base-background
  • switch-pressed-background

Selector

标签<Selector> / <select>

用途:下拉选择

常用属性

  • :options="list"
  • :value="selected"

常用 BSS

  • selector-max-item
  • selector-view-height

SearchComponent

标签<SearchComponent> / <search>

用途:带搜索结果的选择器

常用属性

  • :config="searchConfig"

ColorSelector(b-model ✔)

标签<ColorSelector> / <colorpicker>

用途:颜色选择器(ARGB)

常用属性

  • b-model="color"

TagField(b-model ✔)

标签<TagField>

用途:NBT/Tag 文本输入


以上组件的 全部方法/事件 请见: UI JS API