摘要: 在 vxe-table 启用列多选功能,通过参数 column.type = 'checkbox' 设置类型为多选类型就可以了。 官网:https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </ 阅读全文
posted @ 2024-11-28 12:01 可不简单 阅读(688) 评论(0) 推荐(0) 编辑
摘要: 在 vxe-table 启用列单选功能,通过参数 column.type = 'radio' 设置类型为单选类型就可以了。 官网:https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div 阅读全文
posted @ 2024-11-28 11:59 可不简单 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 在 vxe-table 使用排序功能非常简单,给列加上 columns.sortable 属性就可以启用列的排序功能,当然这是本地排序,就是对当前已加载过当前页的数据进行排序。对于查询列表列表,项目中使用最多的是服务端排序,因为大部分都涉及分页。 前端排序 这样就可以启用前端数据排序,仅限于当前页 阅读全文
posted @ 2024-11-28 11:08 可不简单 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 实现表格数据分组,按指定字段数据分组,使用树结构来实现分组功能。 官网:https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script> import 阅读全文
posted @ 2024-11-27 16:34 可不简单 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 正常情况下如果需要使用文本超出隐藏,通过 css 就可以完成 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是如果需要实现多行文本溢出,就很难实现里,谷歌浏览器虽然支持 css 多行溢出,大部分浏览器又不支持,所以作 阅读全文
posted @ 2024-11-27 14:59 可不简单 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 在使用 vxe-grid 时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据,实现方式通过监听change 事件,从而实现实时更新合计功能。 官网:https://vxetable.cn 可以使用插槽模板,也可以使用配置式,下面是配置式的用法: <templ 阅读全文
posted @ 2024-11-27 13:16 可不简单 阅读(437) 评论(0) 推荐(0) 编辑
摘要: vxe-modal 实现窗口拖拽调整宽高 官网:https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="showPopup = true"></vxe-button> <vxe-modal v-model="show 阅读全文
posted @ 2024-11-25 18:38 可不简单 阅读(57) 评论(0) 推荐(0) 编辑
摘要: vxe-modal 实现窗口最大化与最小化 官网:https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="openEvent"></vxe-button> </div> </template> <script> im 阅读全文
posted @ 2024-11-25 18:37 可不简单 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 官网:https://vxeui.com <template> <div> <p> <vxe-button content="点击弹出" @click="openEvent"></vxe-button> </p> </div> </template> <script> import { VxeUI 阅读全文
posted @ 2024-11-25 18:10 可不简单 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 官网:https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="showPopup = true"></vxe-button> <vxe-modal v-model="showPopup" :width="600" : 阅读全文
posted @ 2024-11-25 18:02 可不简单 阅读(63) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示