- 博客(17)
- 收藏
- 关注
RSS订阅
原创 vex-table 实现 自定义表格表头&& 自定义 表头分组
因为最近项目的特殊性 最近有这样一个需求 在表格中需要按照客户需要生成不固定的日期 并获取到 这些日期里的数据一开始因为不太懂客户的需求 已经对页面逻辑的错误理解 算是走了不少弯路话不多说直接 上实现效果 大致效果是这样的用过vxe-table 的都知道 实现表头分组其实并不难 比如我用 vxe-grid表格写法 如下图 只需要 在对应表头对象下加上一个children 就行了可是看上去很简单 但事实上 在实际开发的时候往往 并不是像你想的那么简单 比如说 表头字段名是不断变化的 而且
2020-08-02 11:54:02
5612
1
原创 vex-table 实现 表格拖动 && 行拖拽
在项目开发中 用到 vex-table 表格插件因为项目需要 所以要用到拖动功能 说实话个人认为 这个插件的功能还是蛮强大的 基本上 正常开发需要的功能都有 好了话不多说 直接介绍功能该表格有两种体现形式 vxe-grid 和 vxe-table 这个两种 如果想提高页面渲染优化的 话建议使用 vxe-grid (本文使用的案例也是 vxe-grid)本文以行拖拽为例有几个重要属性 ref 和 row-key (ref 作用是找到对应的表格 row-key 的作用是 对应行的索引 在拖
2020-07-31 13:42:12
6537
2
原创 Ant Design of Vue 时间选择框踩坑 && Ant Design of Vue 时间选择器数据回显解决方法
表格中使用时间选择器 并使其数据回显本人在项目开发中使用的框架为 Ant Design of Vue 因为这个组件在实际开发中用的是比较少的（一般都是用日期选择框）肯定有人遇到和我一样的问题框架的api 不是很熟悉导致数据不能回显两个重要属性format 数据回显时的数据格式:default-value 绑定的数据源 连个参数 第一个为默认时间 第二为默认的数据格式 注意数据源必须放在moment中 这个moment 是需要单独引入的当然事实上你在实际获取的格式并不是这样 需要在获取取的时候
2020-07-24 10:47:50
3492
原创 解决 表格嵌套或者合并单元格引发的 单元格宽度失效问题
解决方法 ：在表格中加入word-wrap: break-word;word-break: break-all;
2020-07-06 16:28:55
1012
转载 vue +js 原生实现表格拖拽改变列宽
原生js + html 实现表格拖拽列宽可直接使用 开发中遇到需求 表格宽度需要随着拖动改变 因为要求特殊性 所以页面没办法使用UI组件提供的 表格组件 只能用原生实现 **好了话不多说上代码** **可以直接使用**Controlwidth(){var tTD; //用来存储当前更改宽度的Table Cell,避免快速移动鼠标的问题var table = document.getElementById(“tb_3”);// console.lo
2020-07-03 14:55:10
2734
1
原创 vscode + git 提交代码
代码提交是开发过程中必不可少的常见问题git 工具可以提交代码 但是好像无法控制指定文件提交这样导致在多人协作开发时 各种问题不断 VS code 本身自带的有版本控制 但我使用时 也会遇到各种问题 机缘巧合之下 尝试了 一种特别的提交方式 先使用 vscode 将代码提交到暂存区 再用 git 工具提交 这种方法简单易懂 最关键是不容易出问题如上图 该位置里是项目中有更改的文件如上图所示 标记的地方点击加号 则将该文件保存到待提交区域此时就可以看到上图所示 的暂存的更出现然后再输入框
2020-05-28 15:50:35
2816
原创 关于 Ant Design of Vue 表单动态赋值 触发验证 问题
关于 Ant Design of Vue 表单动态赋值 触发验证Ant Design of Vue 中 给表单动态赋值 使用 setFieldsValue 方法 这一点 之前已经介绍过了 ，不了解的可以查找我之前的博客 上面有详细的介绍使用方法但使用 该方法可能会出现 一个问题 例如本人使用的下拉框触发 change 事件的时候 给表单 动态赋值这个时候遇到一个问题 就是 触发的同时也触发了表单验证 解决的方法是 在setFieldsValue 方法的外面加上 this.$nextTick(()
2020-05-15 11:40:28
4581
原创 关于vue局部无法修改 ui框架的属性 问题 and vue局部属性失效 add css样式失效
关于vue局部无法修改 ui框架的属性 问题 and vue局部属性失效在 vue 中 写在 style 中的样式 是全局样式 如果你的 样式只想在当前页面 或者当前组件中使用的话 就需要给当前 的style 中 加上一个 scoped 属性 这样的话就可以在局部中使用万事无绝对 事实上vue 本身存在一个 问题 就事在局部无法修改框架里的样式 本人遇到过这样的问题 如果不加 scoped 的属性 势必会影响到其他页面 所以 只能在本页面（组件中）本人查看多篇博客 和 帖子后找到了办法如果在项目中运
2020-05-15 09:56:16
444
原创 Ant Design of Vue 表格嵌套子表格 子表格的显示与隐藏
Ant Design of Vue 表格嵌套子表格 子表格的显示与隐藏在开发过程中一定会遇到一对多的开发关系 最常见的就是表格嵌套 效果如下表格嵌套 有一个重要属性expandedRowKeys 属性和一个重要事件 expand 事件首先 expandedRowKeys 属性该属性为一个对象 存储的是 表格对应行的 id , 当expandedRowKeys属性中有 行所对应的id 时子表格则会打开 如果移除这关闭在 data 中 存储将对应行的 id 添加到 expandedRowK
2020-05-13 17:24:11
6723
1
原创 如何在 from表单中 一次添加 多条数据 && 一对多
每个页面基本上都有增改页面 大多数的增改都是一对一的增改 但往后还有一些小众需求 比如我们在提交数据时 一次性提交多组数据 这样就会有更好的用户体验 效果图如下实现步骤如下首先需要 在data 中 定义一组空的数据这个数据直接绑定在 容器中然后在 表单中 进行属性 绑定点击增加的时候 将一组空数据 push 到数组中这样 数组中存放的就是多条数据 了如果想删除其中 一条数据的话 给他绑定点击事件通过索引 删除指定的的数据好了 以上就是 表单 一次添加多条数据的 全部过程了
2020-05-12 14:36:49
3534
原创 Ant Design Vue 级联选择器 Cascader 的使用说明
Ant Design Vue 级联选择器 Cascader 的使用说明Cascader也就是 级联选择器主要 有两个关键属性 分别是 options 和 fieldNames 其实大多数ui框架的使用都差不多但不同的ui 框架内置属性有很多都是不同的 本人最近入手 一个 Ant design vue 框架的项目 因为之前用的是 element ui 因为项目比较紧 所以没太多时间看文档 ...
2020-04-30 10:46:44
13093
10
原创 git 回滚代码后 代码被重置 如何恢复 回滚前的代码
git 回滚代码后 代码被重置 如何恢复 回滚前的代码首先先讲讲 代码回滚 git reset --hardGit reset – hard “版本号”此命令 可以回滚到 任意你想回滚 在暂存区（commit） 中提交的版本本人手欠 之前 用代码回滚git reset --hard 没有加版本号的 直接 恢复到 代码刚下载的阶段 慌得一批 万幸 在 回滚之前 本地提交了 一波 最...
2020-04-28 14:38:57
9965
1
原创 Ant Design Vue 如何获form表单里数据 并给 v-decorator绑定的数据重新赋值
最近在用ant design vue 做项目 遇到了 一下坑 比如 v-decorator 可以做数据 绑定 与v-model 不同的是 给 form 表单赋值v-model 的值是 双向绑定的如果想 给改变 v-model的值 直接赋值 即可 比较 方便而 v-decorator 个人认为 有点 麻烦如果 你想 改变 v-decorator 中绑定的值 如上图 需要用到 this.f...
2020-04-28 14:00:56
12845
7
原创 ant design vue 中的表单校验 v-decorator
在vue 加上 阿里 的ui 框架 ant design vue 中 有一个 v-decorator遇到一个误区 vue 有一个自定义指令的功能同样都是以 v- 开头 让其误以为这是一个vue 自定义指令在表单的控件中使用在 data 中注册验证规则也可以直接 在控件中使用以上就是 v-decorator 表单校验的使用...
2020-04-20 17:35:09
16331
原创 element ui 自定义展开行样式 将下拉图标改为按钮
element ui 本身自带 展开行 将type 类型设置为 expand 即可但其本身自带样式因此第一步将自定义样式移除.el-table__expand-column .cell {display: none;}移除后自定义后自定义按钮 点击 调用 toggleRowExpansion方法 往其中传入需要展开的行数据即可 展开如何想指定隐藏某一行 ，则需设置改方法的第二个参数为false...
2020-09-25 09:33:45
1994
原创 几个登录常用的正则表达式
1，数字不能连续 /((?:0(?=1)|1(?=2)|2(?=3)|3(?=4)|4(?=5)|5(?=6)|6(?=7)|7(?=8)|8(?=9)|9(?=0)){2}\d)/;2.字符不能连续两个相同 /(\w)\1/g;3 . 至少包含一个大写和小写字母 /^(?=.[a-z])(?=.[A-Z])/
2020-09-22 09:12:22
985
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人