Vue.js 是一款流行的前端框架，而 npm 是用于包管理的工具。Vue.js 社区提供了许多实用的 npm 包，其中包括 vue-double-list。vue-double-list 是一款双向列表组件，可以帮助开发者轻松实现双向列表的展示与操作。本文将介绍 vue-double-list 的使用教程，为前端开发者提供深度和指导意义。
快速入门
安装
npm install vue-double-list
使用
-- -------------------- ---- -------
----------
-----
----------------
--------------------
----------------------
---------------------
------------------------------------
--
------
-----------
--------
------ ------------- ---- -----------------
------ ------- -
----- ------
----------- -
-------------
--
------ -
------ -
--------- ---
---------- ---
-
--
--------- -
--------------
--
-------- -
----- --------- -
----- --- - ----- --------------------------
------------- - ------------
-------------- - -------------
--
------------ -
------ ------------------------ -------- --------
--
-------------------------- -
-----------------
--
-
-
---------参数
leftList
- 类型：Array
- 必选项：是
- 默认值：[]
左侧列表中的数据。
rightList
- 类型：Array
- 必选项：是
- 默认值：[]
右侧列表中的数据。
remoteMethod
- 类型：function
- 必选项：是
- 默认值：无
获取远程数据的方法，该方法应该返回一个 Promise 对象。接收一个参数，即搜索关键字。
emitToParent
- 类型：function
- 必选项：否
- 默认值：无
组件将选中的列表项通过该方法向父组件传递。
其它参数
vue-double-list 支持除上述参数外的所有 props。
事件
emitToParent
参数
选中的列表项。
说明
用户选择了列表项后，该事件将被触发并向父组件传递选中的列表项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557e281e8991b448d4f0f