
ant design vue
time and yang
111111111111111111111111111111111
展开
-
Ant Design of Vue 时间选择框踩坑 && Ant Design of Vue 时间选择器数据回显解决方法
表格中使用时间选择器 并使其数据回显本人在项目开发中使用的框架为 Ant Design of Vue 因为这个组件在实际开发中用的是比较少的(一般都是用日期选择框)肯定有人遇到和我一样的问题框架的api 不是很熟悉导致数据不能回显两个重要属性format 数据回显时的数据格式:default-value 绑定的数据源 连个参数 第一个为默认时间 第二为默认的数据格式 注意数据源必须放在moment中 这个moment 是需要单独引入的当然事实上你在实际获取的格式并不是这样 需要在获取取的时候原创 2020-07-24 10:47:50 · 3609 阅读 · 0 评论 -
关于 Ant Design of Vue 表单动态赋值 触发验证 问题
关于 Ant Design of Vue 表单动态赋值 触发验证Ant Design of Vue 中 给表单动态赋值 使用 setFieldsValue 方法 这一点 之前已经介绍过了 ,不了解的可以查找我之前的博客 上面有详细的介绍使用方法但使用 该方法可能会出现 一个问题 例如本人使用的下拉框触发 change 事件的时候 给表单 动态赋值这个时候遇到一个问题 就是 触发的同时也触发了表单验证 解决的方法是 在setFieldsValue 方法的外面加上 this.$nextTick(()原创 2020-05-15 11:40:28 · 4704 阅读 · 0 评论 -
Ant Design of Vue 表格嵌套子表格 子表格的显示与隐藏
Ant Design of Vue 表格嵌套子表格 子表格的显示与隐藏在开发过程中一定会遇到一对多的开发关系 最常见的就是表格嵌套 效果如下表格嵌套 有一个重要属性expandedRowKeys 属性和一个重要事件 expand 事件首先 expandedRowKeys 属性该属性为一个对象 存储的是 表格对应行的 id , 当expandedRowKeys属性中有 行所对应的id 时子表格则会打开 如果移除这关闭在 data 中 存储将对应行的 id 添加到 expandedRowK原创 2020-05-13 17:24:11 · 6948 阅读 · 1 评论 -
如何在 from表单中 一次添加 多条数据 && 一对多
每个页面基本上都有增改页面 大多数的增改都是一对一的增改 但往后还有一些小众需求 比如我们在提交数据时 一次性提交多组数据 这样就会有更好的用户体验 效果图如下实现步骤如下首先需要 在data 中 定义一组空的数据这个数据直接绑定在 容器中然后在 表单中 进行属性 绑定点击增加的时候 将一组空数据 push 到数组中这样 数组中存放的就是多条数据 了如果想删除其中 一条数据的话 给他绑定点击事件通过索引 删除指定的的数据好了 以上就是 表单 一次添加多条数据的 全部过程了原创 2020-05-12 14:36:49 · 3758 阅读 · 0 评论 -
Ant Design Vue 级联选择器 Cascader 的使用说明
Ant Design Vue 级联选择器 Cascader 的使用说明Cascader也就是 级联选择器主要 有两个关键属性 分别是 options 和 fieldNames 其实大多数ui框架的使用都差不多但不同的ui 框架内置属性有很多都是不同的 本人最近入手 一个 Ant design vue 框架的项目 因为之前用的是 element ui 因为项目比较紧 所以没太多时间看文档 ...原创 2020-04-30 10:46:44 · 13434 阅读 · 10 评论 -
git 回滚代码后 代码被重置 如何恢复 回滚前的代码
git 回滚代码后 代码被重置 如何恢复 回滚前的代码首先先讲讲 代码回滚 git reset --hardGit reset – hard “版本号”此命令 可以回滚到 任意你想回滚 在暂存区(commit) 中提交的版本本人手欠 之前 用代码回滚git reset --hard 没有加版本号的 直接 恢复到 代码刚下载的阶段 慌得一批 万幸 在 回滚之前 本地提交了 一波 最...原创 2020-04-28 14:38:57 · 10599 阅读 · 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 · 12967 阅读 · 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 · 16397 阅读 · 0 评论