摘要：
效果图: githup源码: https://github.com/shengbid/vue3-vite-demo/tree/main/src/views/demo/dragTime 一天的时间范围选择,在网上找的插件,不过大多都是新增,没有修改时的数据回显 在原来的组件上加了数据回显的处理,记录一 阅读全文
摘要：
业务场景: 通过点击增加按钮,可以动态增加一列表单项,点击删除,删除此项 代码githup地址: https://github.com/shengbid/vue3-vite-demo/tree/main/src/views/form/mutilForm 但是 最后的提交按钮是在父页面,点击提交时,需 阅读全文
摘要：
之前写了两层和三层数据的表格合并,数据处理.这种事先确定了表格的层级 如果表格的层级在一定范围内不固定,就需要动态处理了,最近研究了下,把方法记录下来 代码githup地址: https://github.com/shengbid/vue3-vite-demo/tree/main/src/views 阅读全文
摘要：
一般的正则是把规则固定写好,如下 const reg = /^(\d+)\.(\d{2})(\d+)*$/ 这是一个匹配2位小数位数的正则, 实际使用中,类似小数位数,密码长度等,可能根据不同场景有变化,所以写成一个变量,使用的时候传入比较方便 正则中使用变量,不能直接用字符串拼接 可以使用正则的构 阅读全文
摘要：
ant-design-vue 数字输入组件的常用校验方法 githup地址: https://github.com/shengbid/vue3-vite-demo/tree/main/src/views/form/inputNumber 这里的格式是,只能输入数字或小数, 整数部分每三位添加一个逗号 阅读全文
摘要：
效果图: 代码githup地址: https://github.com/shengbid/vue3-vite-demo/tree/main/src/views/table/styleTable ant-design-vue 的表格有几个属性可以设置表格的样式 1. rowClassName: 可以设 阅读全文
摘要：
vue3中使用 keep-alive报错 TypeError: parentComponent.ctx.deactivate is not a function 代码: <router-view #default="{ Component, route }"> <keep-alive> <compo 阅读全文
摘要：
如图,左侧的菜单是动态生成的,前面的icon图标也要动态创建 实现方法: 使用vue的 createVNode 定义一个生成icon的文件: createIcon.js import * as icons from "@ant-design/icons-vue"; import { createVN 阅读全文
摘要：
v-model 有一些内置的修饰符，例如 .trim，.number 和 .lazy 都是对输入的数据做过滤处理 vue 也可以自定义实现 创建一个自定义的修饰符 capitalize，它会自动将 v-model 绑定输入的字符串值第一个字母转为大写 这里的例子是在自定义v-model的实现上添加修 阅读全文
摘要：
在 vue 中,form 表单输入可以通过 v-model 实现双向数据绑定,例如: <input v-model="text" /> {{text}} 在表单中输入时,页面展示的 data-text 也会相应改变 如果是封装的通用输入表单,一般会使用 prop+emit 来实现父子组件数据传递 如 阅读全文