- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 eslintfabric
规则 | 实现方式 || 构造函数(类)命名 | @esg/rules/ctor-pascal:2 || 常量使用全部字母大写,单词间下划线分隔 | eslint/camelcase :2 || 函数, 函数的参数使用 Camel 命名法。| 缩写词比如 xml、html、HTTP,所有字母的大小写与首字母的大小写保持一致。| boolean 类型的变量 使用 is 或 has 开头 * | ‘@esg/rules/boolname’: 1 , |
2023-01-06 09:31:47
185
原创 代码规范1
打通整个开发流程,使得整个过程中的结果保持一致性,开发工具作为最为常见的场景,它能良好的运转至关重要。我们约定使用类 Unix 风格的换行符。因此,建议在项目中添加。
2023-01-06 09:30:48
726
原创 el-table树形表格表单验证,js树形列表生成序号
01、树形表格表单验证预览02、树形列表生成序号首先需要生成一个序号用来确定表单验证的目标row,通过广度优先遍历,以1,1.1,1.1.1的规则对树形列表生成确定唯一值的索引,因为列表自身可以做CURD,因此需要每次列表的item增加或减少时重新调用生成索引的方法。const setIndex = (data) => { let queue = [...data]; let loop = 0; w
2021-09-15 10:58:52
1954
2
原创 el-table本地分页
<template> <div> <h3>前端分页</h3> <div class="table"> <el-table :data="nowPageList" width="100%" :height="400" > <el-table-column v-for="(info,index) in h
2021-09-10 10:44:54
741
原创 utils - down文件下载
1、文件下载公共函数export function downloadDirect(url) { const aTag = document.createElement('a'); aTag.download = url.split('/').pop(); aTag.href = url; aTag.click()}export function downloadByContent(content, filename, type) { const aTag = d
2021-09-07 10:59:16
298
原创 van-dialog组件的封装
<template> <van-dialog v-model="isShow" v-bind="dialogOption" @cancel="handleCancel" @confirm="handleConfirm" > <div>弹框</div> <div></div> </van-dialog></template><script>
2021-08-27 18:07:05
834
原创 van-textarea组件封装
<template> <div class="content-textarea"> <div class="title"> <slot name="title">{{title}}</slot> </div> <van-field :value="value" v-bind="optionConfig"
2021-08-27 18:05:49
621
原创 van-picker组件封装
<template> <van-popup v-model="isShow" v-bind="popupOption"> <van-picker ref="vanPicker" v-bind="pickerOption" @confirm="handleConfirm" @cancel="handleCancel" /> </van-popup></template>&
2021-08-27 18:04:39
459
原创 van-datetime-picker组件的封装
<template> <van-popup v-model="isShow" v-bind="popupOption"> <van-datetime-picker ref="nxDateTimePicker" v-model="pickerOption.currentDate" v-bind="pickerOption" @confirm="handleConfirm" @cancel="handleCa
2021-08-27 18:03:43
425
原创 van-cascader组件的封装
<template> <van-popup v-model="isShow" v-bind="popupOption"> <van-cascader v-model="pickerOption.cascaderValue" v-bind="pickerOption" @close="handleCancel" @finish="handleFinish" @change="handleChange"
2021-08-27 18:02:46
2215
1
原创 van-calendar组件的封装
<template> <van-calendar v-model="isShow" v-bind="pickerOption" @confirm="handleConfirm" @cancel="handleCancel" /></template><script>export default { inheritAttrs: false, props: { valu
2021-08-27 17:59:56
520
原创 van-area组件的封装
van-area组件的封装<template> <van-popup v-model="isShow" v-bind="popupOption"> <van-area v-bind="pickerOption" @confirm="handleConfirm" @cancel="handleCancel" /> </van-popup></template><script
2021-08-27 17:57:32
2547
原创 tab-demo模板案例
componentsfirstTab.vue<template> <div> <el-form ref="el_form" label-width="100px" :model="formData" @submit.native.prevent > <el-row> <el-col :span="6"> <el-form-i
2021-07-20 17:42:11
153
原创 step-demo案例模板
componentsfirstStep.vue<template> <div> <el-form ref="el_form" label-width="100px" :model="formData" @submit.native.prevent > <el-row> <el-col :span="6"> <el-form-
2021-07-20 17:38:29
217
原创 hpm-dropdown封装el-dropdown组件
使用案例一: <hpm-dropdown label="label" command="value" v-model="fromData.command" :options="[{label: '黄金糕',value: 'a'},{label: '狮子头',value: 'b'}]" ></hpm-dropdown>组件封装<template> <
2020-12-15 18:13:12
341
原创 hpm-select-search 用来封装 el-select组件
01- 使用案例一: <hpm-select-search url="warnCenter.queryWarningUser" placeholder="请选择部门" filterable :label-keys="['organizeName']" option-key="organizeName"
2020-12-15 11:35:46
203
原创 element-ui的dialog弹框的封装
dialog弹框的封装案例form-table-democomponentsdialog-demo.vue<template> <el-dialog :visible.sync="isShow" v-bind="dialogOption"> <el-form label-width="100px" :model="form" ref="el_form"> <el-col :span="24"> <el-fo
2020-11-26 18:16:26
1749
原创 vue的echart组件封装使用
vue的echart组件封装使用hpm-echart 组件组件目录resize.js 代码逻辑index.vue 的代码逻辑debounce 方法的逻辑hpm-echart 组件组件目录resize.js 代码逻辑import { debounce } from '@/utils/common'export default { data() { return { $_sidebarElm: null, $_resizeHandler: null }
2020-11-19 11:26:34
913
1
redux教程.md
2020-08-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人