- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue前端最近开发中遇到的坑
解决办法：浏览器开启调试模式，如chrome f12进入sources模块，打开pause on exception，再点击报错页面进行排查。问题描述：本地运行一切正常，打包放到生产环境后页面渲染不出来，一片空白，并且前端无任何错误日志，生产环境也无法轻易看到后台日志。问题描述：父组件name和子组件name相同时，子组件打开第一次后，第二次不再重新渲染。解决办法：这是因为name相同时，会进行。
2024-07-10 16:48:10
245
原创 el-input首字母大写+字母数字校验
<el-input v-model="value" placeholder="请输入"@input="value = capitaize(value.replace(/[\W]/g, ''))" />// 首字母大写capitaize(val) { return val.slice(0, 1).toUpperCase() + val.slice(1)}
2022-05-25 10:00:46
550
原创 关于平级Arrlist更改为树形Arrlist
单纯的取数据treeData(data){ let cloneData = JSON.parse(JSON.stringify(data)) // 对源数据深拷贝 return cloneData.filter(father => { let branchArr = cloneData.filter(children => father.id === children.fatherId //返回每一项的子级数据 if (branchArr.length > 0) {
2021-11-15 17:19:08
354
原创 支付宝安全漏洞（手机号授权相关）
最近在参加淘宝的喵糖活动，在今天积分兑换优酷会员时，突然发现一个支付宝安全漏洞，暂时记录一下过程。 积分兑换优酷会员，使用后直接绑定了支付宝相关的优酷会员，我想着不能浪费，于是下载了优酷。由于好久没有登录，直接使用了支付宝关联登录，震惊的事来了：我发现我优酷会员竟然明年6.30日才过期。 我已经近两三年没有使用过优酷，这个会员是从哪来的？我想到兑换会员时说的什么膨胀卡，会不会是膨胀卡直接膨胀了6个月？于是我查了一下订单记录。惊奇的发现在5.30号时，开通了年费会员。当时我还以为是支付宝
2021-11-06 23:56:42
811
原创 微信小程序地址获取，不涉及商业版权获取当前位置信息
获取用户当前小程序设置，判断是否授权，若没有授权，则弹出设置选项让用户进行授权 againGetLocation() { let pages = getCurrentPages() // 当前页面 const that = this wx.getSetting({ success: (res) => { if (res.authSetting['scope.userLocation'] != undefined &&
2021-07-13 11:49:41
288
原创 input 限制金额输入，最多2位小数，没有小数时最多5位
onKeyInput(e) { let price = e.detail.value price = price.replace(/[^\d.]/g, '') //清除“数字”和“.”以外的字符 price = price.replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的 price = price.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.') .
2021-07-13 11:36:43
687
原创 npm ERR! network request to http://repo.psbc.com/repository/npm-group/axios failed, reason: getaddri
npm ERR! code ENOTFOUNDnpm ERR! errno ENOTFOUNDnpm ERR! network request to http://repo.psbc.com/repository/npm-group/axios failed, reason: getaddrinfo ENOTFOUND repo.psbc.comnpm ERR! network This is a problem related to network connectivity.npm ERR! ne
2021-01-15 15:29:54
883
3
原创 npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! errno ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! request to https://registry.cnpmjs.org/@babel%2fpolyfill failed, reason: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in
2021-01-15 15:26:36
1150
原创 vue 使用swiper时，ie浏览器的兼容问题
vue项目使用swiper时，无法兼容ie浏览器。解决办法：引入swiper，在页面上使用div class命名的方式 plugins: [ "@/plugins/swiper", ]<div class="swiper-box"> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide class="swiper-s.
2020-11-27 15:22:38
1058
2
原创 js 验证时间段是否重叠，加上星期验证
js 验证时间段是否重叠，加上星期验证需求： 餐饮类营业时间，创建多组带星期的时间段，且同一星期不能出现重叠时间段，在保存时间段时就要进行判断。要达到的效果（微盟的餐饮设置）：== 基本的思路也是用开始时间和结束时间进行比较。把当天的开始时间，结束时间分别存进两个数组，sort排序，循环遍历，从开始时间的第二个元素去比较结束时间的第一个元素，如果小于，就代表时间段有交叉，直接跳出，不然就继续遍历，遍历结束，说明时间没有重复，可以保存==实现：//星期格式如下weekDate: [
2020-11-09 11:15:08
493
原创 vue el-table简单的日期价格表
遇到一个酒店日历的需求，需要用周进行展示拿到需求研究了一阵子，后端返回的数据不是自己想要的，开始使用了日历插件fullcalendar，做了几天后，发现想要达到需求很麻烦，越写越复杂，就回头来重新进行。后端返回的数据完整代码：<template> <div> <div class="page-header"> <i class="el-icon-goods" /> <span class="title">
2020-10-22 11:37:22
741
3
原创 vue 组件props第一次取不到值
Vue 父组件获取数据数据，子组件第一次props获取不到一、给值加上sync<el-dialog title="测试" :visible.sync="dialog" width="40%"> <room-Checked @event1="change($event)" :date.sync="date" /> </el-dialog>二、使用v-if<el-dialog title="测试" :visible.sync="dialo
2020-10-14 16:16:22
2907
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人