介绍
vue-element-multiple-popover 是一个基于 Vue.js 和 Element UI 的多选 popover 组件，可用于多选下拉框等场景。
安装
可以通过 npm 安装：
npm install vue-element-multiple-popover
使用方法
引入组件
在需要使用组件的 Vue 文件中引入：
-- -------------------- ---- -------
----------
-----
-------------------------------------------------------------
------
-----------
--------
------ ------------------------- ---- ------------------------------
------ ------- -
----------- -
-------------------------
-
-
---------属性
options
- 类型: Array
- 默认值: []
每个选项都是一个对象，形式如下：
{
label: '', // 标签显示的文本
value: '', // 值
checked: false // 是否已勾选
}事件
checked
- 参数:
value - 说明: 勾选项变更时触发，返回值为当前选中的所有项的值组成的数组。
示例代码
-- -------------------- ---- -------
----------
-----
----------------------------- ------------------ --------------------------------------------------------
------
-----------
--------
------ ------------------------- ---- ------------------------------
------ ------- -
----------- -
-------------------------
--
---- -- -
------ -
-------- -
- ------ ----- ------ -------- -------- ----- --
- ------ ----- ------ --------- -------- ----- --
- ------ ----- ------ --------- -------- ----- -
-
-
--
-------- -
------------- ------- -
------------------
-
-
-
---------指导意义
vue-element-multiple-popover 组件可以方便地实现多选下拉框等功能，提高了开发效率。同时，组件的源代码也可以供开发者参考，学习 Vue.js 和 Element UI 的使用技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005603f81e8991b448de6dc