什么是 digger-reception?
digger-reception 是一款基于 Vue.js 的前端组件库。其中包含的组件主要是与 PC 网页应用开发相关的 UI 控件。
安装 digger-reception
可以通过以下命令安装 digger-reception:
npm install digger-reception
使用 digger-reception
在 Vue 项目中使用 digger-reception 非常简单。只需在组件中引入所需的 digger-reception 组件即可。
-- -------------------- ---- -------
----------
-----
-------------------------
-------------------------
------
-----------
--------
------ - --------- -------- - ---- ------------------
------ ------- -
----------- -
---------
--------
-
-
---------在上面的例子中，我们同时引入了 dr-button 和 dr-dialog 两个组件。在模板中，我们只需把它们放在需要使用的位置即可。
digger-reception 组件列表
digger-reception 中包含了很多常用的组件，例如按钮、文本框、下拉菜单等。下面是完整的组件列表：
按钮组件
dr-button - 按钮组件，支持点击事件和样式配置。
输入框组件
dr-input - 输入框组件，支持常用的输入类型以及验证功能。
下拉框组件
dr-select - 下拉框组件，支持数据源、选中效果、可搜索等功能。
表格组件
dr-table - 表格组件，支持分页、排序、选择、编辑等功能。
分页组件
dr-pagination - 分页组件，支持页码跳转、上一页下一页等功能。
布局组件
dr-grid - 布局组件，支持栅格系统、响应式布局等功能。
弹窗组件
dr-dialog - 弹窗组件，支持自定义样式、关闭事件等功能。
示例代码
以下是一个简单的示例，演示了如何使用 digger-reception 中的按钮组件。
-- -------------------- ---- -------
----------
-----
---------- -----------------------------------
------
-----------
--------
------ - -------- - ---- ------------------
------ ------- -
----------- -
--------
--
-------- -
------------- -
----------------
-
-
-
---------在上面的例子中，我们在按钮组件上设置了一个 click 事件处理函数，当用户点击按钮时会触发这个函数。函数中 alert 了一个简单的提示框用于演示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/88153