随笔分类 - vxe-ui
摘要：Vxe UI 是一套功能强大的 Vue 组件库，提供表格（vxe-table）、甘特图（vxe-gantt）、设计器（vxe-design）以及基础 UI 组件（vxe-pc-ui）等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时，官方为每个子库都提供了对应的 Nuxt 模块，其中 vxe
阅读全文
摘要：vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法，vxe-design 是 vxe 下的一个开源的可视化设计器，在使用表单设计器时，通常需要将业务的的每一个控件进行封装，以适应业务的需求，接下来介绍一下如果来定义一个自定义的控件。 https://design.vx
阅读全文
摘要：vue 树组件 vxe-tree 如何异步判断右键菜单的权限控制，异步显示隐藏菜单选项,通过 menu-config.options 来配置右键菜单 https://vxeui.com 通过 menu-config.options.loading 来配置是否加载中,menu-config.optio
阅读全文
摘要：vue vxe-context-menu 如何给任意组件使用右键菜单，全局右键菜单，支持任意组件中直接调用右键菜单 打开右键菜单：VxeUI.contextMenu.open({ options }) 事件触发右键菜单：VxeUI.contextMenu.openByEvent(event, { o
阅读全文
摘要：如何实现 vxe-tree 树组件拖拽节点后进行二次确认提示，参数 drag-config.dragStartMethod 可以自定义处理拖拽开始时的拖动，可以自定义是否允许拖拽 官网：https://vxeui.com github：https://github.com/x-extends/vxe
阅读全文
摘要：vxe-tree 如何将一个节点拖拽到一个没有子级的节点下，通过 drag-config.isToChildDrag 启用便捷拖拽成子节点，拖拽的同时按住 Ctrl 键可以自动拖放到该节点的子级 官网：https://vxeui.com github：https://github.com/x-ext
阅读全文
摘要：vxe-tree 树组件拖拽排序功能的使用教程，通过 drag 启用行拖拽排序功能，支持同层级、跨层级、拖拽到子级非常强大的拖拽功能等 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://g
阅读全文
摘要：vue 下拉框 vxe-select 实现人员选择下拉列表 使用自定义选项插槽的方式，可以灵活的实现各种类型的下拉选择 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com
阅读全文
摘要：vxe-tree-select 树形下拉框当使用懒加载数据时如何回显 当使用懒加载或者当某个选项被删除时，显示自定义回显；比如使用懒加载树列表，由于数据未被加载，这时候已选的数据就不能被回显，导致显示了 value值，而不是 label。 还有一种场景就是组织架构人员选择，当选择某个人员后，可能人员
阅读全文
摘要：vue vxe-tree 树组件加载大量节点数据，虚拟滚动的用法 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 上万节点
阅读全文
摘要：vxe-tree vue 树组件实现关键字搜索 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 代码 实现方式通过输入框输
阅读全文
摘要：vxe-upload vue 实现图片上传、手动批量上传图片的方式 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 安装
阅读全文
摘要：vxe-upload vue 实现附件上传、手动批量上传附件的方式 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 安装
阅读全文
摘要：vue vxe-print 打印设置边距、页头页尾高度样式 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 设置边距 通过设置
阅读全文
摘要：vxe-select 实现远程搜索、服务端搜索功能 通过参数 remote 和 filterable 启用后，配合 remote-method 实现远程搜索下拉选项功能 <template> <div> <vxe-select v-model="val1" placeholder="远程搜索" :o
阅读全文
摘要：vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-
阅读全文
摘要：周选择器 vxe-date-picker 自定义一周开始日 官网:https://vxeui.com 周一开始 <template> <div> <vxe-date-picker v-model="val1" placeholder="周选择，周一开始" type="week" :start-day
阅读全文
摘要：vue 周选择器 vxe-date-picker 自定义左侧快捷选择插槽模板 官网：https://vxeui.com <template> <div> <vxe-date-picker ref="datePickerRef" v-model="val1" type="week"> <templat
阅读全文
摘要：vue 上传组件 vxe-upload 图片和附件拖拽调整顺序，通过设置 drag-sort 参数就可以启用拖拽排序功能 官网：https://vxeui.com/ 图片拖拽排序 <template> <div> <vxe-upload v-model="imgList" mode="image"
阅读全文
摘要：vue 实现纯 web H5 打印功能 官网：https://vxeui.com/ https://github.com/x-extends/vxe-pc-ui 安装 npm install vxe-pc-ui@4.3.22 vxe-table@4.9.19 // ... import VxeUI
阅读全文
浙公网安备 33010602011771号