- 博客(67)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 判断数组中invoiceTitle属性值是否存在于另外一个数组中
循环不会等待Promise解决（或拒绝）就继续执行下一个迭代。是一个异步操作，它返回一个Promise对象。
2024-07-16 11:11:59
159
原创 解决vue中改变浏览器大小时其他页面的echarts不渲染了
2、去掉echarts渲染出来的属性_echarts_instance_1、在页面中加入ref。
2023-08-22 11:32:07
552
原创 el-autocomplete输入后匹配建议及解决clearable清除按钮输入建议失效问题
实时查询，输入文字后调用接口。不实时调用接口，直接前端过滤。
2023-03-03 16:37:52
1261
原创 element ui中输入框绑定点击事件并且验证必填
在data中定义必填的规则，其中trigger: 'change'给input 加上ref 为custInfo。在focus事件中添加代码。
2022-11-02 16:08:48
2954
2
原创 el-date-picker只能往前选择，并且选择的范围不能超过30天
3、在查询的函数里面判断查询范围不能超过30天。1、在mounted里面设置默认时间。2、在data里面设置不能往后选择。
2022-10-19 14:40:23
1478
原创 记录前端通过XShell和xftp发布版本
9、左侧找到build之后的dist文件夹，然后右击 【传输】或者直接拖文件到右侧即可。8、打开的界面如下，右侧直接映射到服务器上的/aa/bb/project 目录。3、在xshell新建会话，填写一个名称，主机填写堡垒机的IP地址。4、点击用户身份验证，输入用户名和密码，点击连接。6、敲命令映射到 /aa/bb/project目录。服务器上/aa/bb/project目录。5、连接成功，选择你所在的服务器环境。// 映射到该目录 cd。// 查看该目录下的文件。.........
2022-08-09 14:09:05
954
原创 修改echarts鼠标放上去显示的数据
3、需要给series里面的data做下处理。给chartDetailVOList加个数组datas,包含locTime和value字段名。1、效果如下x轴显示时分，鼠标放上去显示具体的日期和时分。5、设置鼠标放上去的效果。
2022-08-02 14:14:02
9507
2
原创 echarts图表x轴文字过多时换行显示以及图表画区域背景颜色
2、图表画区域显示背景颜色，在series里面设置markArea。1、x轴文字过多时换行显示。
2022-08-01 16:23:52
1069
原创 微信小程序父子组件之间传值
1、子组件传值时，使用triggerEvent传给父组件一个事件(myevent），并传递想要给父组件的值(sonParam)3、在父组件的js中，定义这个方法onMyEvent，在这个方法内就可以获取到子组件传递过来的值。2、在父组件中，子组件的引用处，通过这个myevent事件绑定一个方法(onMyEvent)4、子组件，wxml中直接按照data的使用方式{{childlist}}来使用。1、创建一个子组件child文件夹。2、在父组件的json文件里面引入。...
2022-07-26 16:17:08
14554
5
原创 微信小程序图表的引入并解决van-tab切换时不显示图表的问题
9、当放置在van-tabs的第二个tab选项时，需要在index.wxml里面加上wxif条件。下载后，是min.js文件，可以重命名为echarts.js并替换掉项目里面的js文件。2、找到文件夹下面的ec-canvas文件夹，把它放在与pages同级的目录。3、在需要用到页面里面引入，如index.json。4、在index.js里面echarts.js。6、在index.wxss里面定义容器的大小。5、在index.wxml里面添加元素。7、在index.js里面添加代码。.........
2022-07-26 11:50:41
1584
1
原创 vue中富文本编辑器的使用
vue-wangeditor在vue2.0上封装的组件，为方便使用vue2.0的开发者封装。3、在data中配置菜单。2、在项目中直接使用。4、获取编辑器的内容。
2022-07-20 17:44:00
948
原创 vue中表格行展开
1、给表格加上方法@expand-change="onExpandsRow"2、从后台返回的表格数据结构里面含有dtl为null，所以是传入id请求数据。
2022-07-20 14:28:51
1636
原创 vue中产品详情图展示，左右点击切换以及图片放大缩小
效果图如下： 2、data中定义参数3、计算异动的距离4、methods里面写方法5、定义样式
2022-07-13 15:55:31
2631
原创 金额保留三位小数，并且每隔三位一个逗号显示以及金额大写转化
1、在filters文件夹下面新建inde.js2、在main.js中引入3、页面里面使用
2022-07-11 17:36:02
1066
原创 vue中实现定时刷新页面以及菜单定时自动跳转
1、在mixins文件下新建mixinsMenu.jsimport { mapGetters } from 'vuex'import {getStore} from '@/utils/store'const boardMixins={ computed:{ ...mapGetters(['pageIndex']), userInfo(){ return getStore({name: 'userInfo'}) } }, created(){
2022-05-27 16:30:49
1233
原创 elementUI+confirm弹框改变某些字体颜色
将dangerouslyUseHTMLString属性设置为 true，message就会被当作 HTML 片段处理。this.$confirm(`费用项<span style='color:#0096ff'>${res.data.data.expenseItem}</span>已经在该期间维护费用，是否继续维护。`, '提示',{ confirmButtonText: '确定', ...
2022-05-17 17:26:20
3048
2
原创 vue中根据条件给表格高亮某一行
1、表格绑定属性:row-class-name="tableRowClassName"<el-table :data="dataList" stripe border v-loading="listLoading" class="detable" :row-class-name="tableRowClassName" @selection-change="handleSelection
2022-05-17 15:28:36
1238
原创 vue中表格新增，修改，保存，删除，上移，下移功能实现
代码如下：<div class="fragment"> <div class="titleInfo"> <span>角色关联</span> <el-button type="primary" @click="add" v-if="!isLook">新增节点</el-button> </div> <el-table :data="
2022-05-13 10:03:14
1266
原创 el-tabs选项卡切换时判断是否切换
1、给el-tabs加click事件和离开属性before-leave<el-tabs v-model="activeName" @tab-click="handleTabClick" :before-leave="beforeLeave"></el-tabs>2、记录离开之前的tab值data(){ return { activeName:'1', oldActiveName:'' }} beforeLeave(activeNam
2022-05-07 11:35:06
2312
1
原创 vue后台用localStorage来保存登录账号和类型，下次进入时默认展示该类型
需求如下：初始化页面默认展示功能权限；可切换至数据权限，一旦切换完成，则下次进入该页面，则展示最后一次该页面展示的权限类型数据例如：初始化展示功能权限数据，后切换成了数据权限，之后退出系统或切换其他菜单操作，后又进入权限管理页面，则默认展示数据权限数据1、获取登录账号import {getStore} from '@/utils/store'computed:{ userInfo(){ return getStore({name: 'userInfo'}) }
2022-05-07 11:19:38
821
原创 el-checkbox-group实现穿梭框的效果，含有模糊查询
用el-checkbox-group组件，可全选添加和移除；左边勾选点击添加按钮，自动去除，右边增加；右边勾选点击移除按钮，自动去除，左边增加；点击文字可预览最右边权限；效果图如下：<div style="background:#fff; padding:10px"> <el-row :gutter="20"> <el-col :span="8"> <div class="transfer-box">..
2022-04-27 15:34:48
730
原创 el-tree实现el-transfer(穿梭框)的效果
效果图如下：一、需求要求：1、勾选左侧的功能资源，点击【添加】，可将内容添加到右侧，并且左侧勾选的数据删除；勾选右侧的已选资源，效果同左侧一样；2、勾选全选，则资源全部添加到右侧，左侧的则显示为空二、代码如下：<div> <el-row> <el-col :span="12"> <div class="transfer-box"> <div class="tra
2022-04-25 17:08:27
2328
1
原创 递归多维数组过滤数据
1、从后台获取的多维数组，里面包含目录，菜单，按钮；属性名为resType，其中对应的属性值为如下：<el-form-item label="资源类型" prop="resType"> <el-radio-group v-model="optForm.resType" :disabled="!isAdd"> <el-radio :label="'M'">目录</el-radio>
2022-04-25 14:59:15
607
原创 记录element中小操作
1、弹框中跳转路由查看订单详情时，去掉弹框遮罩层，只需要在el-dialog上设置属性:modal-append-to-body="false"
2022-04-09 13:43:52
435
原创 对数组的一些操作js
1、复制一行表格的数据//this.optForm.agreementList是表格的数据 handleCope(scope){ this.$confirm('确定复制吗', '提示').then(() => { let arr = this.optForm.agreementList.slice(scope.$index, scope.$index + 1)[0]; // 注意：转成json再反转回来，不能直接使用赋值，不然会和复制的一层公用同
2022-04-02 17:02:55
1339
原创 vue中移动端实现评价功能，包含单选和多选
1、带出后台默认选中的选项，根据defaultSelected判断，如果为1，默认选中2、单选和多选根据selectType判断，1为单选，2为多选效果图如下：代码如下：注意：radio和checkbox默认的选中根据defaultSelected变量而来，绑定到checked上，不能绑定到v-model上，如果有v-model,则checked失效。<div class="pingfen" v-for="(son,index) in dataList" :key="inde
2022-03-26 13:59:00
1539
原创 git操作命令发布测试版和正式版，并删除master本地和远程标签
在dev分支上开发，在test分支上创建test-6.5并推送到远程上，发布测试版；git branchgit add .git commit -m "协议增加状态"git pushgit checkout testgit merge devgit pushgit checkout -b “test-6.5”git push origin -u "test-6.5"git branchgit checkout master //切换到master分支git merge 分支名称 （
2022-03-17 14:21:38
1187
转载 Vue项目实现跨域请求（无config文件夹）
跨域1、当前网页URl与请求的URL地址不同域名。2、当前网页URl与请求的URL相同域名，不同端口。3、当前网页URl与请求的URL不同协议。即域名、端口和协议必须一样，不然就属于跨域请求。问题比如我现在在WebStrom运行vue项目，默认分配的端口号是8080，也就是我当前的项目打开的网页域名和端口号是 http://localhost:8080/此时我想请求本地的apche服务器的后端文件，例如： http://localhost/php/insert.jsp
2022-03-16 10:41:39
1985
原创 element表格重新布局解决错位
updated() { this.$nextTick(() => { this.$refs['receivedListtable'].doLayout(); }); },
2022-03-15 10:24:02
567
原创 easyui中表格实现下拉联动，编辑功能
功能要求：点击编辑按钮时，车辆型号，车牌号码，司机和司机电话可以编辑；其中车牌号码根据车辆型号进行筛选，司机和司机电话根据车牌号码带出来。代码如下：<script> var testIndex = 0; $(function () { $('#zd_table').datagrid({ width: 1080, height: 'auto' + 1, checkOnSelect: true, singleSelec..
2022-03-09 14:57:08
2035
原创 将含有children的多维数组转成一维数组的方法
//将多维数组递归为一维数组 getFlatArr(arr){ return arr.reduce((a, item) => { let flatArr = [...a, item]; if (item.children) { flatArr = [...flatArr, ...this.getFlatArr(item.children)]; } retu..
2022-03-07 16:51:33
714
原创 表格单元格合并js
$(function(){ var cells = ['oprator', 'dcbCode', 'carName', 'dcbCarnum', 'dcbDriverName', 'dcbDriverPhone']; mergeCells_New("zd_table", "dcbCode", cells);}) /** * @param table_id:datagrid的id * @param cellcomp:cellcomp列值相同，cellnames合并 * @param c.
2022-03-04 14:52:54
495
vue日期控件实现可以选择年月或者选择年月日
2022-08-12
el-tree实现el-transfer(穿梭框)的效果代码（全）
2022-04-25
easyui根据配载计划动态创建子单并删除子单
2022-04-12
vue+element中echarts图表，下面明细表格动态生成表格的行与列，表头实现斜线/斜杠，监听左侧菜单栏实现图表自适应
2022-01-14
中国地图echarts热力图（含全国以及各省json文件），以颜色深浅来展现全国各地用户数量
2022-01-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人