- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue手写一个自定义操作的工作流（前端流程图）
前端开发流程图功能（适用场景：用户想要有个走流程的功能，每一项操作都能根据自定义的流程一步步往下走，符合条件往下走，不符合条件的停留在当前不继续）
2022-06-15 15:09:44
5532
2
原创 开发规范文档
规范文档命名风格component 的声明和使用全局components声明和使用props的声明和使用组件 name 属性的命名mixins 内属性和方法的命名编程规约禁止使用$parent进行父级的内容调用v-for、v-if、key的使用DOM模板上的属性值应该始终带双引号在单文件组件、字符串模板和 JSX 中没有内容的组件是自闭合的tamplate 中属性和事件指令使用缩写Watch中的deep的使用注意常量数据的书写形式代码风格单个vue文件的代码量控制dialog、popup等弹出层的组件化规则
2022-03-28 17:20:52
1217
原创 tooltip的api【getPopupContainer】
使用tooltip或者其他使用之后，节点与当前页面节点不同级的组件，他们都会有个类似getPopupContainer的API，官方介绍用法：Function(triggerNode)，默认值是() => document.body。这样的结果就是：tooltip组件绑定在了body上面，和我们当前页面的层级是平级，那如果想要自定义组件里面的内容，样式用了scoped的话，就改不了。不免要改全局样式。所以就要加上getPopupContainer这个属性，写法 :将改组件绑定到当前用到该组件
2021-03-22 17:27:23
5556
原创 antd-vue-formModel如何写多层循环数据，如何自定义校验规则
一般的数据提交处理我们会用form组件，但是碰上数据复杂的，建议用formModel。更方便自己定义一些规则以及一些复杂的处理，本文以formModel为例来写多层循环校验（form也是一样用法，细节不同处参照官网）。其实官网里面也有多层循环数据以及如何校验多层循环的表单实例（其实参照官网写就可以了，这里只是多了些注释）。参照动态增减表单：先来说多层循环数据。要实现以下功能：（点击添加条款、递增率、优惠、其它条款，上面对应的条款就要增加一条，并进行相应的必填校验，开始时间小于结束时间校验，月份不能大
2020-10-26 16:21:12
5528
4
原创 引入插件时，有时往下找层级时设置相应class样式不生效
项目经常需要引入第三方类库或者插件之类，比如antd，vant，element等等，但是一般来说插件都是封装好的组件，样式也几乎是固定的。但在使用过程中，需求方的样式可能和引用的已有样式有差别，需要细微调整下，一般就会找到下层class，然后设置相应的样式，但是，很多情况下你设置好了，它就是不生效。遇到这种情况的时候，不妨打开控制台ctrl + shift + c 查找元素，找到对应的引入组件，不出意外的话，你会看到：这里有一串data-v-xxxxxxxx，而这个div的对应类则会带有[data-v
2020-10-15 17:44:38
697
原创 antd-vue中的tree树形控件关于scopedSlots的用法介绍
antd-vue中的tree树形控件关于scopedSlots的用法介绍这是官网的API：效果图：很多时候，我们拿到的数据都是后端返回过来的数据，那如果要用到scopedSlots这个API，仅后端返回的数据是不够的，我们需要处理下，然后在数据中插入一条scopedSlots: { title: ‘custom’ }，title是插槽的名字，随意命名即可。treeData的格式：treeData: [{ title: 1, key: 1,//唯一标识
2020-10-14 14:08:56
14991
14
原创 antd-vue的表格table，默认选中选项
<a-table :columns="columns" :data-source="data" :row-selection="rowSelection"//关键>data() { return { defaultCheckedId: [1,2,3]//自己定义一个数组用于存放选中数据的id,默认选中id为1，2，3的三条数据 }},computed() { rowSelection() { return {.
2020-10-13 17:14:06
7743
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人