1. 什么是@beisen-platform/selected-component？
@beisen-platform/selected-component 是一个基于 Vue.js 实现的下拉选择组件，可以用于 PC 端和移动端。它提供了强大的筛选功能和自定义样式。
2. 如何安装和使用？
使用该组件前，需要先安装 npm 软件包管理器。安装完成后，在命令行中运行以下命令来安装该组件：
npm install @beisen-platform/selected-component --save
组件安装完成后，在 Vue.js 项目中引入该组件：
import Selected from '@beisen-platform/selected-component'; Vue.use(Selected);
在 Vue.js 组件中使用该组件：
<selected v-model="selectedValue" :options="options" placeholder="请选择" :disabled="disabled" @change="handleChange" />
-- -------------------- ---- -------
------ ------- -
------ -
------ -
-------------- ---
-------- -
------- ------ ------ -----
------- ------ ------ -----
------- ------ ------ -----
--
--------- ------
--
--
-------- -
------------------- -
------------------
--
--
-3. 组件属性说明
组件 selected 支持以下属性：
v-model：组件的选中值，可以使用.sync修饰符来实现双向绑定。options：组件的选项列表，格式为[{label: '', value: ''}]。placeholder：组件的占位符。disabled：组件是否禁用。@change：组件选中值变化时的回调函数。
4. 自定义样式
组件 selected 提供了大量的 CSS 类，可以通过这些类来自定义组件的样式。以下是部分常用样式类的说明：
.bs-select：组件的根元素。.bs-select__input：组件的输入框元素。.bs-select__value：组件的选中值元素。.bs-select__placeholder：组件的占位符元素。.bs-select__arrow：组件箭头元素。
使用自定义样式的示例代码：
<selected v-model="selectedValue" :options="options" placeholder="请选择" :disabled="disabled" @change="handleChange" class="my-select" />
-- -------------------- ---- ------- ---------- ----------------- - ------- --- ----- -------- -------------- ---- -------- ---- - ---------- ----------------- - ------ -------- - ---------- ----------------- - ------ -------- -
5. 总结
@beisen-platform/selected-component 是一个强大的下拉选择组件，提供了丰富的筛选功能和自定义样式的接口。通过本文的介绍，您可以快速上手使用该组件，并进行自定义样式的开发。
注：本文示例代码基于 Vue.js v2.x。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/beisen-platform-selected-component