随笔分类 -  vxe-ui

摘要:周选择器 vxe-date-picker 自定义一周开始日 官网:https://vxeui.com 周一开始 <template> <div> <vxe-date-picker v-model="val1" placeholder="周选择,周一开始" type="week" :start-day 阅读全文
posted @ 2025-01-04 15:30 可不简单 阅读(44) 评论(0) 推荐(0) 编辑
摘要:vue 周选择器 vxe-date-picker 自定义左侧快捷选择插槽模板 官网:https://vxeui.com <template> <div> <vxe-date-picker ref="datePickerRef" v-model="val1" type="week"> <templat 阅读全文
posted @ 2025-01-04 15:26 可不简单 阅读(45) 评论(0) 推荐(0) 编辑
摘要:vue 上传组件 vxe-upload 图片和附件拖拽调整顺序,通过设置 drag-sort 参数就可以启用拖拽排序功能 官网:https://vxeui.com/ 图片拖拽排序 <template> <div> <vxe-upload v-model="imgList" mode="image" 阅读全文
posted @ 2024-12-16 20:20 可不简单 阅读(103) 评论(0) 推荐(0) 编辑
摘要: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 阅读全文
posted @ 2024-12-10 09:51 可不简单 阅读(126) 评论(0) 推荐(0) 编辑
摘要:vxe-form 的基础用法,data 指定表单的数据,items 用于配置表单的项列表 <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent"> </vxe-form> </ 阅读全文
posted @ 2024-12-02 13:22 可不简单 阅读(164) 评论(0) 推荐(0) 编辑
摘要:在使用 vxe-from 表单时,可能由于绑定项非常多,这个时候可能就需要将表单进行分类分组,可以泰国片页签的当时进行拆分组。 <template> <div> <vxe-tabs v-model="activeTab" height="200"> <vxe-tab-pane title="页签1" 阅读全文
posted @ 2024-11-29 17:58 可不简单 阅读(46) 评论(0) 推荐(0) 编辑
摘要:正常情况下如果需要使用文本超出隐藏,通过 css 就可以完成 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是如果需要实现多行文本溢出,就很难实现里,谷歌浏览器虽然支持 css 多行溢出,大部分浏览器又不支持,所以作 阅读全文
posted @ 2024-11-27 14:59 可不简单 阅读(68) 评论(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 可不简单 阅读(53) 评论(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 可不简单 阅读(152) 评论(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 可不简单 阅读(82) 评论(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 可不简单 阅读(55) 评论(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 可不简单 阅读(46) 评论(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 可不简单 阅读(95) 评论(0) 推荐(0) 编辑
摘要:官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions"></vxe-form> </div> </template> <script> export default { data () { const sexItemR 阅读全文
posted @ 2024-11-25 17:51 可不简单 阅读(20) 评论(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:47 可不简单 阅读(18) 评论(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:45 可不简单 阅读(45) 评论(0) 推荐(0) 编辑
摘要:官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent"> </vxe-form> </div> </template> <script> import { VxeUI } f 阅读全文
posted @ 2024-11-25 17:43 可不简单 阅读(51) 评论(0) 推荐(0) 编辑
摘要:官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions"></vxe-form> </div> </template> <script> export default { data () { const formOpti 阅读全文
posted @ 2024-11-25 17:42 可不简单 阅读(21) 评论(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:40 可不简单 阅读(99) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示