vue下拉框树形多选框_Vue多选双重清单框

最新推荐文章于 2024-08-01 14:22:09 发布

cuk5239

最新推荐文章于 2024-08-01 14:22:09 发布

阅读量1.8k

点赞数

文章标签： vue react npm java less ViewUI

原文链接：https://vuejsexamples.com/vue-multi-select-dual-listbox/

版权

本文介绍了vue-multiselect-dual-listbox，这是一个可搜索的双重选择框插件，允许用户在左侧列表中选择选项，显示在右侧。文章详细说明了如何使用NPM进行安装，并提到组件需要自行引入CSS样式。

摘要由CSDN通过智能技术生成

vue下拉框树形多选框

Searchable Dual Select box plugin.

可搜索的双重选择框插件。

Multi-select widget where users can select options from a list in the left side to a list on the right.

多选小部件，用户可以从左侧的列表到右侧的列表中选择选项。

npm install vue-multiselect-listbox

# or, using Yarn
yarn add vue-multiselect-listbox

Then, import and register the component:

然后，导入并注册该组件：

import Vue from 'vue'
import vMultiselectListbox from 'vue-multiselect-listbox'

Vue.component('v-multiselect-listbox', vMultiselectListbox)

The component doesn't itself contain any CSS, you'll need to include it yourself:

该组件本身不包含任何CSS，您需要自己包含它：

import 'vue-multiselect-listbox/dist/vue-multi-select-listbox.css';

Alternatively, you can import the scss for complete control of the component styles:

另外，您可以导入scss以完全控制组件样式：

@import "vue-multiselect-listbox/src/scss/vue-multi-select-listbox.scss";

翻译自: https://vuejsexamples.com/vue-multi-select-dual-listbox/

vue下拉框树形多选框

关注