- 博客(14)
- 收藏
- 关注
原创 JS中的深拷贝和浅拷贝浅析
JS中可以分为两种:1、基本数据类型:包含字符串、数字、布尔值、null(空对象)和undefined(未赋值的初始化值)。1、引用数据类型:包含对象、数组和函数。
2022-04-18 22:21:08
242
原创 Element表格动态列表头动态宽度
需求1、从接口中获取动态表头数据,表格中加入动态列。2、根据表头的内容长度自动计算宽度,并设定最小宽度,最大宽度。效果实现<el-table :data="tableData" border stripe header-cell-class-name="preset-header" ><el-table-column prop="date" label="日期"></el-.
2021-08-26 00:23:50
3115
4
原创 vue-vant开发移动端---1
1.使用vue/cli创建项目vue create mobie2.项目创建完成后引入Vantnpm install vant -S3.使用vant推荐方法---使用babel-plugin-importnpm i babel-plugin-import -D3.配置babel.config.js。在其中插入配置组件。plugins: [ ['import', { libraryName: 'vant', li
2021-03-29 23:22:15
441
原创 Vue + ElementUI 动态设置表单必填属性
最近要实现一个动态设置表单必填属性的需求。如图,当审核结果是通过的时候,可以不填写审核意见进行提交。而如果审核结果是驳回的时候则必须填写审核意见才能提交。第一个想法就是建两个一样的el-form-item,一个有rules,一个没有,然后通过v-if控制显隐。 <el-form-item label="审核意见" v-if="testForm.checkResult!='1'"> <el-input type="textarea" v-model="
2021-03-11 22:03:07
7505
2
原创 基于draggable和element的可拖拽多选框
首先上效果图。下面上代码。安装、注册draggable组件就不赘述了。页面布局部分<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox><el-checkbox-group v-model="checkedLists" @change="handleCheckedListChange".
2020-08-26 08:54:15
1915
原创 Element使用多选框组及全选按钮
最终效果如图:1、无任何勾选状态2、部分勾选状态3.全部勾选状态下面上代码。页面布局部分<template> <div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <div style="margin: 15px 0
2020-08-20 23:04:09
2388
原创 Vue中使用bounce防抖函数
<scriptsrc="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script>
2020-06-23 22:02:26
775
原创 Element同时验证多个表单
Element的Form 组件提供了表单验证的功能,通过rules属性传入约定的验证规则,并将 Form-Item 的prop属性设置为需校验的字段名即可对其进行验证。
2020-06-09 22:50:36
10540
16
原创 JS拷贝简单数组,拷贝复杂数组
{ "data":[ { "childMenu":[ { "childMenu":[], "component":"", "createTime":"2020-04-15 15:09:50", "createUser":"test111", "deleteStatus":"1", "id":76, "menuCode":1031, "menuName":"文件管理", "menuSort":80,.
2020-05-13 23:04:48
382
原创 element表格添加动态列
常规的确定列表格参考官网<el-table :data="tableData"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"&...
2020-04-12 22:57:39
7179
4
原创 element表格使用多选框
element使用表格<el-table border ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" &g...
2020-03-23 20:33:45
2788
转载 JS数组常用方法
push:向数组的末尾增加一项 返回值是数组的新长度unshift:向数组开头增加一项 返回值是数组的新长度pop:删除数组的末尾项 返回值是删除的数组项shift:删除数组开头项 返回被删除的开头项目splice:删除数组中的任意项 返回值是被删除的数组项slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项拼接:concat:把一个数组和另一个数组拼...
2019-01-17 21:22:46
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人