上一页 1 ··· 7 8 9 10 11 12 13 14 15 下一页
摘要: 在 vxe-table 使用排序功能非常简单,给列加上 columns.sortable 属性就可以启用列的排序功能,当然这是本地排序,就是对当前已加载过当前页的数据进行排序。对于查询列表列表,项目中使用最多的是服务端排序,因为大部分都涉及分页。 前端排序 这样就可以启用前端数据排序,仅限于当前页 阅读全文
posted @ 2024-11-28 11:08 可不简单 阅读(914) 评论(0) 推荐(0)
摘要: 实现表格数据分组,按指定字段数据分组,使用树结构来实现分组功能。 官网:https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script> import 阅读全文
posted @ 2024-11-27 16:34 可不简单 阅读(225) 评论(0) 推荐(0)
摘要: 正常情况下如果需要使用文本超出隐藏,通过 css 就可以完成 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是如果需要实现多行文本溢出,就很难实现里,谷歌浏览器虽然支持 css 多行溢出,大部分浏览器又不支持,所以作 阅读全文
posted @ 2024-11-27 14:59 可不简单 阅读(217) 评论(0) 推荐(0)
摘要: 在使用 vxe-grid 时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据,实现方式通过监听change 事件,从而实现实时更新合计功能。 官网:https://vxetable.cn 可以使用插槽模板,也可以使用配置式,下面是配置式的用法: <templ 阅读全文
posted @ 2024-11-27 13:16 可不简单 阅读(1078) 评论(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 可不简单 阅读(160) 评论(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 可不简单 阅读(298) 评论(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 可不简单 阅读(249) 评论(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 可不简单 阅读(134) 评论(0) 推荐(0)
摘要: 官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent"> </vxe-form> </div> </template> <script 阅读全文
posted @ 2024-11-25 17:54 可不简单 阅读(125) 评论(0) 推荐(0)
摘要: 官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent"> </vxe-form> </div> </template> <script 阅读全文
posted @ 2024-11-25 17:53 可不简单 阅读(194) 评论(0) 推荐(0)
上一页 1 ··· 7 8 9 10 11 12 13 14 15 下一页