- 博客(9)
- 收藏
- 关注
原创 Vue3 使用provide跟inject实现组件通信
(注意 如果不需要后代组件修改组件传递过来的数据)可以使用readonly关键字 表示它是一个只读数据。使用provide 跟 inject建立起来 父子组件甚至祖辈组件与后代组件的通信。管理方便 :指向的是同一个参数在子页面进行修改时 父页面也同步进行接收数据。一 、 在父组件/祖辈组件中 引入provide。简洁方便:不需要像之前父调子 子调父进行传参。跨层级通信 :不只是父子组件 也不行。二、后代组件/子组件引入inject。
2024-05-22 15:24:23 278 3
原创 微信小程序如何调用上一页的方法/函数
业务场景:点击某一项任务跳转到任务详情页 在详情页进行操作提交完之后返回上一页时 需将上一页数据进行刷新 请求接口 进行各种操作等。A[A.length -1]就是当前页C 而 A[A.length -2]才是列表页B。一 、 getCurrentPages() Api 微信官方Api 为获取页面栈。[A,B,C] 数组长度length为 3,C在数组里的索引是为2。步骤二 var 变量B 等于 A[ A.length - 2];例子:假如 A为入口页 B为列表页 C为详情页。
2024-03-09 14:39:50 1138 2
原创 前端 获取页面启动时的参数(c端 pc端)
uniapp ↓ 微信小程序 换成 wx.就可 wx.getLaunchOptionsSync()如果是一个pc端页面 或者是uniapp打包到抖音h5 Vue等页面获取参数为。window.location.href 以window打头的获取方法来拿取。如果仅仅是微信小程序 抖音小程序 想获取当前页面启动时携带的参数应为。
2024-03-08 15:13:48 391 1
原创 微信小程序 父页面调用子页面的方法
1. 在子组件要调用的事件中 this.triggerEvent('eventName', eventData);其中 this.triggerEvent 为小程序触发自定义事件的方法 两个参数为 前者为事件名 后者为所传数据。例子:<child-component id="myChild" />2 在父组件的js里 声明常量来挂载实例 然后直接调用实例下面的方法。// 返回选择器的第一个组件。1. 给子组件加唯一的id值。
2024-02-29 16:12:27 805
原创 微信小程序 wx.navigateTo 跳转传对象或数组
小程序使用wx.navigateTo()跳转传对象 由于小程序并不支持直接传对象 需要先将其转为字符串格式 又由于跳转的是页面传参所以需要在URL路由地址里进行编码操作,使用encodeURIComponent对字符串进行编码,在目标页面获取是使用 decodeURIComponent 进行解码。
2024-02-29 14:40:24 724
原创 微信小程序 拨打手机号,打开腾讯/高德地图App功能
具体步骤如下:其中为了能增加用户的体验感加了setTimeout一个两秒的计时器,并写了showToast一个提示框用来提示用户即将跳转。需要注意的是,在调用 wx.makePhoneCall() 方法之前,需要先在小程序的 app.json 文件的pages平级下声明permission节点进行相应的配置,即添加权限声明。
2023-08-03 10:32:05 690
原创 常见的输入框正则判断
拓展:/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/ 用来判断是否符合 HH:MM的格式 HH代表小时范围为 00-23 MM代表分钟范围为00-59。判断是否符合YYYY-MM-DD HH:MM:AA的格式,其中YYYY代表年份,MM代表月份,DD代表日期,HH代表小时,MM代表分钟,AA代表秒数。判断邮箱:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/判断是否符合HH:MM:AA的格式,HH代表小时,MM代表分钟,AA代表秒数。
2023-07-19 15:12:00 154 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人