weixin_50755029的博客

原创 uniapp vue3多语言切换

你也可以选择在main.js里面注册全局属性对象。8、什么都不需要导入啦，直接出来中文效果。7.也看到很多文章用$t的方式。2、在项目的最外层新建文件。到这里效果应该已经出来啦~5.在mian.js加入。3、在en.json里。

原创 uniapp 传统方式配置UniversalLinks

https://www.baidu.com/apple-app-site-association/ 可以访问到，必须是这个地址，少个/都不行，其中www.baidu.com是你自己服务器地址。1.创建一个文件 apple-app-site-association.txt。5.更改微信开放平台配置 开发配置 -> ios应用。6.重新打包 你的项目就可以跳转到微信啦~~4.配置manifest.json中配置。配置分享支付登陆等等需要跳转到微信的地方。path也可以只写*,不写其它路径。

原创 uniapp长按保存网络地址图片到本地

虽然理论上 uni.saveImageToPhotosAlbum 也不能直接处理网络地址，但如果你使用的是阿里云的 OSS（对象存储服务），并且图片地址支持直接访问（即不需要额外的签名或权限验证），那么在某些情况下，UniApp 可能能够通过这个地址直接保存图片到相册。你可以使用 uni.downloadFile 方法来下载图片，下载成功后会得到一个临时文件路径，然后再将这个路径传递给 uni.saveImageToPhotosAlbum` 方法来保存图片。它需要的是一个可以直接访问的本地文件路径。

原创 uniapp app端实现手机号一键登录

5、新增一个getPhoneNumber文件（这个param.json的文件可以不用管）4、关联云服务空间（要用登陆dcloud账号的邮箱登陆hbuilderx才能获取到）不要再填入Apikey和Api秘钥了，人家都不提供了，肯定找不到。1、你的测试机一定要有sim卡且打开数据流量。6、index.js的代码，可以一键复制哟。2、在dcloud开发者中心申请权限。8、在需要一键登录的地方填。3、创建阿里云服务空间。

原创 uniapp App端微信登录

没什么难度 简简单单实现~~2、在登录的地方写入代码。

原创 token过期 无感刷新

优化点：如果同时发出很多个请求，都失败了，都要重新去刷新token，就会导致refreshToken()在某一个时间点，并发执行很多次。

原创 uniapp 使用vscode需要的插件

原创 uniapp 设置状态栏高度

1、在components -> navbar 中。

原创 uniapp 二次封装uni.request方法

【代码】uniapp 二次封装uni.request方法。

原创 websocket心跳&重连

在./utils/socket里面。在App.vue里面。

原创 websocket重连

【代码】websocket重连。

原创 小程序分享

5、根据官方文档去更改你需要的数据。3、全局混入分享main.js。

原创 computed&v-model 父子组件数据传递(保留单项数据流，简化代码)

最笨的办法呢，在子组件里面就不能用v-model了，不然的话文本框一变，父组件的数据不就跟着改了吗，所以得把它拆开，拆成两个，一个是:modelValue,另一个是@update:modelValue，当事件触发的时候我调用这个函数。// val只是modelValue里面其中一个属性，但是要传的是modelValue对象,所以做个简单处理啦~~我改变的是model里面keyword属性，计算属性set是收不到通知的，无法触发。打破了单项数据流，每次打破单项数据流，你的工程就离屎山更近一步 ~~

原创 组件封装（学习记录）

/ 把所有属性名和属性值提到当前实例里面去。2、引用组件 MyInput.vue。1、组件 MyInput.vue。// 这样子就能拿到了里面的方法。

原创 webSocket不同环境下的配置

1、先上图（前端只能这样传token，后端会拿不到，让他去处理，还是不传最香呀呀呀）3、预发布环境配置（ws：预发布环境ip地址加端口，IP地址不知道可以看宝塔的）到这里只是本地连接预发布跑起来了，之后我都改啦~2、你连接后端的地址 ws：后端地址+端口。宝塔里对应的配置（打开宝塔，网站->设置）哎嘿，是不是上传到线上就报错啦~

转载 uniapp怎么传递对象

1、在跳转前需要将传递的对象参数转化为JSON字符串，然后用encodeURIComponent进行编码，拼接在url后面。2、跳转成功后通过onLoad事件获取传递的对象参数，并使用decodeURIComponent解码，然后转为对象。

原创 封装组件时如何调用子组件方法

封装组件时在子组件导出方法供父组件使用，小白纯记录

原创 vue3基础_$event、ref、fragment和teleport

传送，能将特定的 html 结构（一般是嵌套很深的）移动到指定的位置，解决 html 结构嵌套过深照成的样式影响或不好控制的问题。7.在App.vue 的 parent上面加点击事件，相当于直接在parent.vue 的根组件加点击事件。vue3组件可以没有根标签，其内部会将多个标签包含在一个 fragment 虚拟元素中。// 明确告诉它是自定义的，那handleClick的点击就不会生效。减少内存占用以及不必要的层级嵌套。

原创 vue3基础_组件通信

（3）想要在script标签内使用传递过来的数据，必须用一个数据接收，再使用。（2）通过 defineProps 中定义的 count 只能在模板中使用。context 里面包含三个参数：emit ，attrs ，slots。provide提供数据，inject消费数据。（1）在父组件引入子组件时无需注册。（2）使用defineEmits。定义后也能在模板中使用emit。（1）在模板中使用$emit。

原创 watch监听reactive的内部数据的变化

监听对象的时候 newValue 和 oldValue 是全等的。watch监听 reactive 的内部数据。监听reactive。

原创 computed的高级使用

如果我们需要双向绑定数据。

原创 ts基础.

ts基础知识，知识分享，记录

原创 vue实现全选和反选

vue实现全选和反选的方式

原创 vue3基础_toRef 和 toRefs

toRef 和 toRefs 的基本使用

原创 vue3基础_ref的基本使用

ref的基本使用

原创 vue3基础_reactive包装数组(包装对象)为响应式的数据

vue3中reactive的介绍

原创 BootStrap的使用

bootstrap的简单使用

原创 uniapp微信小程序使用自定义字体和外部字体

微信小程序使用自己喜欢的字体~~~