- 博客(35)
- 收藏
- 关注
原创 引入本地iconfont图标
前面拼上iconfont就行,后面的这个名字,就是iconfont.css中 content=\e655对应一致的。解压缩一下,copy一下文件,放到项目里,比如我存放的路径是 static/iconfont。它如果报这个错误,是因为路径问题,按照下面方法修改下路径就可以。2、在iconfont.css中,修改成对应的路径,就可以了。1、App.vue项目里,在style里 引入对应的路径。找到对应的项目,点击 下载至本地,是个zip压缩包。头部的资源管理,点我的项目。
2024-08-20 17:37:56
336
原创 switch判断写法
常用for循环的写法,对switch不太熟悉,所以记录一下。case就是 需要判断参数的值,是否等同于这个值。item.status就是需要判断的参数。
2024-08-01 15:11:26
319
原创 图片url处理(带http和不带http)方法
测试了一下,一个是相对路径(/static/img/logo.png),一个是带http的路径。得处理一下,如果是相对路径就拼上服务器的地址(xxx),如果是带http的路径就正常显示。后端返回的接口数据,图片路径,有的是相对路径,有的是带http的路径。
2024-07-29 16:34:17
538
原创 对象参数拼接给路径
实际运行路径:localhost:8080/#/pages/news/detail?拼接上就可以是完整的路径+参数了,中间记得用问号?uniapp 获取当前的路径和参数。我写在mounted里面了。
2024-07-29 11:43:01
256
原创 uniapp form表单校验
光一个表单校验,就整了半天,以前用的都是element-ui的,现成的组件,这有换成uni-form的,记录一下怎么用的,还用到了uni-data-picker选择器(不过只能两级,得搞个方法封装一下能多级。公司的一个老项目,又要重新上架,uniapp一套代码,打包生成iOS端发布到App Store,安卓端发布到腾讯应用宝、OPPO、小米、华为、vivo,安卓各大应用市场上架要求不一样,可真麻烦啊。包括:必填校验,手机号校验,身份证号校验,邮箱校验。name要对应model里的值,要统一。
2024-07-18 12:03:57
1512
原创 从0开始搭建vue项目
就默认回车 然后根据项目需求Y/n 比如vue-router之类的可以Y。默认端口是8080,如果端口被占用,就更改个端口。完成后提示 cd 进入文件夹内,然后去运行。#先查下电脑有没有安装过node和npm。都安装好后,进入你想创建的文件夹内。进入该文件夹内,打开终端。#安装webpack。
2024-07-02 15:50:06
451
原创 v-html 空格/换行不生效
需加css样式 white-space: pre-wrap;接口返回的内容如下:有空格有换行,但 使用v-html无效。加了white-space后。
2024-06-28 15:25:49
622
原创 分页数据按照年月拼接成新数组展示
每页有10条,那么第一页就是6月的10条数据,第二页是6月剩余3条数据+5月的4条数据+4月的3条数据,第三页是4月的10条数据,第四页是4月的7条数据。资金明细返回的分页数据,后端返回的数据格式是2024-06跟data数据,牵扯到分页,月份分组(同一月份的数据在一起,月份只显示一次)假如总共有37条数据:6月有13条数据,5月有4条数据,4月有20条数据。总共5条数据,每页3条,第一页3条数据,第二页2条数据。点击加载更多,加载下一页,数组concat拼接。
2024-06-26 13:55:12
403
原创 js 数组过滤指定参数
用filter:arr.filter((item) => item.id!后面的意思是:过滤出来id不等于2的数组,就相当于把id等于2的过滤出去了。
2024-05-16 10:10:00
583
原创 flex布局写一行4个,超出换行
flex布局 一行4个内容,超出换行,宽度固定25%主要是这行: flex-wrap: wrap;页面展示:6个的时候。
2024-04-29 11:29:04
1850
原创 vscode写debugger无效 / 谷歌F12想network接口和console一起出现
在项目里,想用debugger打断点调试,发现不生效在文件中,搜索,在里面加重新运行项目,就可以用debugger了。
2024-04-10 09:57:36
1315
原创 Vant Cascader省市区数据太多,点一次掉一次子级数据
最近需求是 省市区县,有四级或更多级,数据实在是太多(四万多条数据),如果后端一次性返回,速度实在是太慢,十几秒后才返回,不太行,所以就新出了个接口。我用的 vant 的 Cascader 组件,封装成一个组件了,点击确定事件和取消事件用的父子事件。因为可能选择二级就完成了,也可能选择三级、四级,所以最下面加了个确定按钮,点击确定才算完成。因为之前省市区最多只有三级数据,总共不到四千条数据,所以接口返回的速度还好。:后端返回一级数据,点一下父级,掉一下接口获取子级数据。接口返回的第一级数据。
2024-04-08 11:25:23
1190
原创 vant引入
然后项目重新安装下依赖包 npm install。vant是个移动端组件库,写H5很好使。随便找了个页面写了下van的按钮组件。在package.json中加入。重新运行 npm run dev。
2024-04-08 10:18:15
276
原创 css样式
border-radius,给某个角单独设置radius。选择相同class名的最后一个js写法。文本超出n行隐藏且显示省略号。flex上下左右居中。
2024-03-25 18:55:55
149
原创 git clone 代码后报错 no matching host key type found. Their offer: ssh-rsa,ssh-dss
Unable to negotiate with 路径 port 端口号: no matching host key type found. Their offer: ssh-rsa,ssh-dss。保存到桌面.txt,然后再去掉后缀,拖到ssh里面替换掉ssh_config就可以了。找到git的安装路径,etc/ssh/ssh_config,右键通过记事本打开。git clone 代码后报错 :ssh-rsa,ssh-dss。
2024-03-20 10:03:38
1155
原创 js方法将省市区的平级数据转换成父子树状数据
想转换成父子结构,子级加到父级的children里面。后端提供的数据是平级数据,也就是全都是同一级的数据。第一步的 写法1和写法2 得到的obj是这样的。key是id,然后内容是每一个item。第二步,北京,天津,河北省是第一层。
2024-03-17 19:34:59
630
原创 vscode设置
Highlight Matching Tag 标签高亮显示。ctrl+shift+P 输入setting。Chinese 编辑器中文。选择 打开设置(json)
2024-03-17 11:54:54
417
原创 style加了lang=‘scss‘后报错
报这个错误:TypeError: this.getResolve is not a function。把 package.json里的sass-loader版本改成7.3.1后。npm run dev 就能成功运行 不报错了。style加了lang='scss'后报错。是因为sass-loader的版本号太高了。再 npm install 重新安装依赖。
2024-03-17 11:29:36
922
原创 git常用命令
git commit -m "备注" 暂存到版本区。git是分布式版本控制系统,做项目版本管理的工具。git merge 将分支的修改合并到当前分支。git clone xxx地址 克隆别的仓库。git pull 拉取版本库最新代码。git init 创建一个新的仓库。如果有冲突要先解决冲突,不然会报错。git checkout 切换分支。git add . 批量添加文件。git push 上传到版本库。git branch 查看分支。git add 文件名。
2024-03-17 11:11:35
314
原创 父传子传值异步用watch
父级想给子级传个参数,然后console.log打印出来显示 子级先触发,父级后触发,所以子级没有取到值。解决方法:用watch去监听,就可以正常拿到值了。我这是两个页面都引入这个组件了。父传子遇到了异步问题。
2024-03-15 11:57:30
367
原创 提取数组[{},{}]里的参数给新数组
有一个数组,数组里面是对象 [ {} , { } , { } ]arr是旧数组,想要里面的name和address。打印出来的newArr就是想要的数据格式了。我想要数组里的个别参数,应该怎么处理。最后记得 return item。newArr是新数组,用map。
2024-03-14 16:21:20
440
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人