- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue-router 中使用query和params传参的区别
使用场景：当我们在vue应用中进行路由跳转时，有时候跳转后的页面需要用到跳转前页面的数据，当然实现方法有很多种，vuex，localstorage，事件总线等。当数据量不大时，通常有时只需要传递一个id，这时使用这些方法多少有些繁琐，而使用路由传参的的方式就要简便许多。注意：使用params传参的数据在页面刷新后会消失，如果不想要刷新后数据消失，需要在路由文件中将路由配置为动态路由。1.params传参和query传参都支持编程式和声明式两种写法。同样有声明式和编程式两种写法。有声明式和编程式两种写法。
2023-06-12 16:01:27
304
原创 uniapp封装uni.request网络请求
在开发uni-app项目时，一定会用到网络请求，官方是通过uni.request进行网络请求。在实际的项目开发过程中，如果不对请求进行封装的话，各个页面的网络请求会混乱不堪，出现大量冗余代码、难以维护。1.新建request.js (@/utils/request.js)1.在项目根目录创建utils文件夹，新建request.js文件。2.项目根目录创建api文件夹，不同的业务模块创建不同js文件。2.新建user.js (@/api/user.js)3.在页面引入需要的业务模块。
2023-04-27 16:40:53
2601
原创 vue-cli + electron打包项目成客户端
4.如果想要更改客户端图标和应用名称等信息的话，可以在vue.config.js中配置,以下是部分配置参数。5.接下来就可以使用 npm run electron:build 进行打包了。*这里需要注意的是，图标的尺寸一定要是 256*256 的，否则会报上面的错。以上就是vue-cli + electron打包项目成客户端的全部过程。3.执行npm run electron:serve查看效果。修改完图标尺寸重新执行打包命令，打包成功后的文件夹是这样的。2.添加electron-builder。
2023-04-27 15:52:08
1011
1
原创 uniapp存储数据到手机文件，app卸载重装后数据依然存在
在使用uniapp开发手机app时，有的数据我们需要保存在本地，有许多方式都可以实现，比如localstorage,sessionstorage,indexDB或者sqlite。但是上面这种方式都有一个问题，就是app卸载之后保存的数据也会随之一起删除。今天介绍一个app卸载重装后数据依然存在的方法，思路就是把数据存储到手机的文件系统中，下面是代码实现。注意文件文件地址"/storage/emulated/0/'文件名称'"不要写错。新建一个storage.js的文件。在需要使用的页面引入并使用。
2023-04-23 16:08:43
2740
3
原创 vue3中使用leaflet加载瓦片地图
lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}'是在线的瓦片地图源，在内网上使用需要下载瓦片地图放到服务器上。我的项目中有右键菜单的需求，有需要的可以引入以下两个文件，在引入之前需要npm先安装，指令 npm install leaflet-contextmenu --save。找到项目的main.js文件引入并全局注册,也可以在需要使用的vue页面单独引入，由于我的项目在多个页面都有使用到，全局引入更方便些，小伙伴们可以根据需求自行选择。
2023-04-18 17:01:56
2441
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人