- 博客(34)
- 收藏
- 关注
原创 element-ui table 点击分页table滚到顶部
使用table表格的时候,切换分页之后不会回到顶部,还是停留在之前滚动的位置。//切换分页的方法加上下面这句,table就能自动滚到顶部。设置table的 ref=‘multipleTable’在开发项目过程中遇到这样一个问题。看到这如果帮到你了留个小心心吧。
2024-04-19 11:23:24
608
原创 vue开发过程中,修改了数据,但是页面不渲染,没变化!怎么办?
定义一个update:false,每次修改数据的时候在后面加一句this.update=!就这么写 this.items=JSON.parse(JSON.stringify(this.items));方法1(推荐):用JSON.parse(JSON.stringify(objectOrArray))方法6(不推荐):用location.replace(“”);通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染。this.$set(this.d,“a”,“新的值”);
2024-04-12 13:38:04
1766
原创 element-plus日期选择器英文改成中文
将上面这段代码加入main.ts或者main.js中就可以实现了。使用element plus的时候时间选择器默认显示的是英文。根据业务需要需要改成中文显示。最近在做项目时遇到一个问题。在网上找了很多方法终于好了。
2024-02-20 20:42:08
1459
原创 uniapp 输入框如何禁止输入表情
输入框要禁止输入手机输入法自带的表情符号。在网上找了相关的解决方案。在做项目中遇到一个问题。点个关注,不迷路~~~话不多说,直接上代码。
2024-01-30 10:36:46
699
1
原创 循环调用接口顺序错乱
就是在循环中调用接口,本来应该按照顺序进行调用。在做项目过程中遇到一个问题。在网上找了一下解决方法。废话不多说,直接上代码。点个关注,不迷路~~~但是结果是,顺序错乱。
2024-01-27 11:50:02
440
原创 git clone 报错 Could not resolve host:的解决方案
使用git clone 项目时。将地址换成ip,就可以解决了。
2024-01-25 10:38:32
1227
原创 vue3+vite自定义虚拟键盘,支持中英文切换功能,实现了拼音功能
源码链接:https://gitee.com/zihaoyu/virtual-keyboard。{params: blurHide}:布尔值,ture为输入框失去焦点时自动隐藏键盘。源码下载后使用pnpm安装依赖。
2024-01-18 09:27:44
512
原创 uniapp 怎么判断某一经纬度是否在当前位置一公里范围内
calculateDistance()方法用于计算两点之间的直线距离,其中R表示地球的半径(单位:米),默认值为6378137;checkDistance()方法会调用uni.getLocation()函数获取当前位置信息,因此需要确保已开启相关权限;targetLatitude和targetLongitude分别表示目标位置的纬度和经度,需要根据实际情况传入正确的值;最后根据返回结果判断目标位置与当前位置的距离是否小于等于1000米(即一公里)。// 获取当前位置信息。
2024-01-06 10:10:11
653
原创 vue 动态绑定class
:class=“[ ‘unit_name’, workInfo.maintainMainStatus>=2 && (workInfo.maintainChildStatus>=21 || workInfo.maintainMainStatus > 2) ? ((workInfo.maintainChildStatus > 21 || workInfo.maintainMainStatus > 2) ? ‘selected’ : ‘progress’) : ‘’]”
2024-01-02 15:20:32
362
原创 uniapp 判断微信小程序端、App端、h5端
写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。各预编译语言文件,如:.scss、.less、.stylus、.ts、.pug (使用 /MP 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序。APP-PLUS-NVUE或APP-NVUE App nvue 页面。QUICKAPP-WEBVIEW-HUAWEI 快应用华为。VUE3 HBuilderX 3.2.0+ 详情。.css (使用 /* 注释 */)
2023-11-16 16:58:34
4921
原创 前端实现活动倒计时
leftTimer: function (year, month, day, hour, minute, second) {var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩 余的毫秒数var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数var hours = parseInt(leftT
2023-10-16 16:39:00
193
原创 npm安装依赖报错:unable to resolve dependency tree
升级 npm 至 v7.6.2 后, 运行 npm i 安装依赖,报错 ERESOLVE unable to resolve dependency tree。
2023-05-19 17:21:05
206
原创 VUE 中el-date-picker type=daterange日期回显
start-placeholder=“开始时间”end-placeholder=“结束时间”// datarange回显。
2023-05-11 09:55:30
2026
原创 JS在数组对象中添加新字段
Object.assign(item,{sex:‘男’})然后通过Object.assign()来添加。第一步使用forEach遍历数组。
2023-05-09 16:04:31
2281
原创 怎么将微信小程序项目转换uniapp项目详细步骤以及遇到的问题总结
onReachBottom:页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据。3,数据绑定 this.setData({ a : 1 }) 更新为 this.a = 1。根据下方迁移内容,逐一更新页面方法,修复页面报错信息,页面显示、功能运行正常即迁移完成。4,路由跳转 wx.navigateTo() 更新为uni.navigateTo()继续在命令行里,运行【 wtu -V 】,执行结果如下。6、部分页面生命周期释义,详见页面生命周期。注意 -i 前面和后面都有空格!
2023-04-20 14:00:33
945
原创 解决网页缩放百分比页面变形问题
前端页面经常会出现网页缩放百分比页面变形这个问题解决这个问题很简单,就是在整个布局外面加上一层div,并且为它指定好宽高就可以了。.content{height:**px; //整个布局的高度width:**px; //整个布局的宽度}要注意的是,要是你前面布局使用了浮动,那么在最后还要整体清除一下浮动。如果你不清楚哪一个组件用了,最简单的方法就是在最后最后加上一个空的div,设置css为clear:both;就可以了。...
2022-04-22 11:35:09
5031
原创 GIT PUSH 出现EVERYTHING UP-TO-DATE 解决方法
使用git提交文件时,如果出现以下情况文件没有提交成功如果你之前没有提交过文件,而你在git push的时候出现Everything up-to-date,并且文件也没有提交上去.可能是因为你没有git add 和 git commit.需要重新执行:git add .git commit -m “message”git push origin master这样就可以提交成功啦!希望可以帮到你!也欢迎来我的博客看看。...
2022-04-09 16:20:51
10598
2
原创 js 冒泡排序的方法
冒泡排序算法的原理如下:比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比比较var array = [5, 4, 3, 2, 1];var temp = 0;for (var i = 0; i <array.length; i++){for (var j = 0; j <
2022-04-02 15:24:07
1124
原创 创建ajax的过程
(1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.(2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息.(3)设置响应`HTTP`请求状态变化的函数.(4)发送`HTTP`请求.(5)获取异步调用返回的数据.(6)使用JavaScript和DOM实现局部刷新.var xmlHttp = new XMLHttpRequest();xmlHttp.open('GET','demo.php','true');xmlHtt
2022-03-29 10:53:09
910
原创 CSS如何使元素居中
(一)元素水平居中的方式1)行级元素水平居中对齐(父元素设置 text-align:center) 行级元素垂直居中 块级元素水平居中对齐(margin: 0 auto) 块级元素水平居中 3)浮动元素水平居中(1)宽度不固定的浮动元素html代码 我是浮动的 CSS样式.outerbox{float:left;position:relative;left:50%;}.innerbox{float:lef
2022-03-22 18:03:58
1252
原创 微信小程序上传图片
// 添加图片 pickimg_tap: function () { var self = this; if (self.data.imgList.length >= 8) { AlertMessage(self, '只能选择8张图片!') return; } wx.chooseImage({ count: 8, // 最多可以选择的图片张数,默认9 sizeType: ['compressed']...
2022-03-21 16:06:45
587
原创 CSS实现单行、多行文本溢出显示省略号...
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。(1)单行文本溢出显示省略号实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示省略号,如下:(2)多行文本溢出显示省略号实现方法:display: -
2022-03-21 15:23:27
325
2
原创 JS判断年份是否为闰年
//闰年能被4整除且不能被100整除,或能被400整除。function year(){if(year%40&&year%100!=0||year%4000){console.log(“闰年”);}else{console.log(“平年”);}}
2022-03-21 15:18:10
282
原创 H5 获取页面传递参数
如何获取页面传递的参数Function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”);var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return null;}
2022-03-21 15:15:11
1001
原创 二维码参数转guid格式
{scene: “d8a9d82ba683411c8825bd7f4112ee03”}转换为‘d8a9d82b-a683-411c-8825-bd7f4112ee03’var employeeId = options.scene.substring(0, 8) + “-” + options.scene.substring(8, 12) + “-” + options.scene.substring(12, 16) + “-” + options.scene.substring(16, 20) + “
2022-03-21 15:13:36
192
原创 checkbox默认样式修改
checkbox .wx-checkbox-input{border-radius: 50%; /* 圆角 /width: 46rpx; / 背景的宽 /height: 46rpx; / 背景的高 */}/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */checkbox .wx-checkbox-input.wx-checkbox-input-checked{border: 1rpx solid #FF783B;background: #FF783B;}/
2022-03-21 15:03:35
514
1
原创 微信小程序获取上一个页面的参数
使用wx.navigateBack 设置上一页面参数let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。let prevPage = pages[ pages.length - 2 ];//prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面,-3是上上个页面以此类推。prevPage.setData({ // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。id:e.curr
2022-03-21 14:56:49
2893
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人