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