发财X-CSDN博客

原创 Vue3 页面滚动到指定位置（后台管理系统）

需求前言：产品经理给出需求在原有的官网页面上加一个播放视频的按钮点击时跳转到页面下面的视频区域。在 SolutionBanner 页面中加一个按钮绑定点击事件在父页面接收该点击事件。在SolutionDocking 页面中找到要滚动的视频盒子加ref访问到该div。检查了原页面代码发现页面DOM 是几个子页面（组件化开发）SolutionBanner 子页面导出一下方法 ↓。在SolutionDocking页面给指定的。

2025-06-20 10:20:31 139

原创 Vue 常用的父子组件通信

ref 直接引用子组件的ref 访问子组件的变量以及方法。还有比较方便的 provide inject 详细可看 ⬇。emits 在父页面的子标签上绑定方法。

2025-01-10 16:19:25 233

原创微信小程序 button按钮分享页面到聊天

需求2 ：客户 A 分享给 B B 再将当前页面分享给 C C页面要展示A页面的数据。最终实现客户A 页面的数据经过分享多次之后客户C看到的同样是客户A的数据。不需要写点击事件 open-type 会直接调起来微信分享。需求1 ：产品需要点击转发按钮转发当前页面给其他用户。在页面生命周期进行取值赋值。

2024-10-10 15:56:16 585

原创微信小程序打开pdf 支持转发保存

1. 新建一个空白页面例: index_PDF。使用的微信小程序 wxml 原生语言。2. 在生命周期直接打开该pdf。

2024-10-08 10:52:15 1363

原创 Vue3 ruoyi框架路由跳转关闭跳转标签页

在Vue3 Vue Router 提供了一些新的Api 其中useRoute 和 useRouter ，用于在组件中访问当前路由信息和路由实例。，可以通过它来进行一些动态的路由操作，比如跳转到新的路由。它返回一个包含路由实例的对象。其中包括当前路由信息。，返回一个包含路由信息的对象。这个函数适用于那些不需要监听路由变化的场景，只是获取当前路由信息的静态数据。引入 import { useRouter, useRoute } from 'vue-router';开发中一直使用的是ruoyi框架跳转方式是。

2024-10-08 10:35:47 1241

原创 Vue3 使用provide跟inject实现组件通信

（注意如果不需要后代组件修改组件传递过来的数据）可以使用readonly关键字表示它是一个只读数据。使用provide 跟 inject建立起来父子组件甚至祖辈组件与后代组件的通信。管理方便：指向的是同一个参数在子页面进行修改时父页面也同步进行接收数据。一、在父组件/祖辈组件中引入provide。简洁方便：不需要像之前父调子子调父进行传参。跨层级通信：不只是父子组件也不行。二、后代组件/子组件引入inject。

2024-05-22 15:24:23 448 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 1761 2

原创前端获取页面启动时的参数(c端 pc端)

uniapp ↓ 微信小程序换成 wx.就可 wx.getLaunchOptionsSync()如果是一个pc端页面或者是uniapp打包到抖音h5 Vue等页面获取参数为。window.location.href 以window打头的获取方法来拿取。如果仅仅是微信小程序抖音小程序想获取当前页面启动时携带的参数应为。

2024-03-08 15:13:48 488 1

原创微信小程序父页面调用子页面的方法

1. 在子组件要调用的事件中 this.triggerEvent('eventName', eventData);其中 this.triggerEvent 为小程序触发自定义事件的方法两个参数为前者为事件名后者为所传数据。例子：<child-component id="myChild" />2 在父组件的js里声明常量来挂载实例然后直接调用实例下面的方法。// 返回选择器的第一个组件。1. 给子组件加唯一的id值。

2024-02-29 16:12:27 1097

原创微信小程序 wx.navigateTo 跳转传对象或数组

小程序使用wx.navigateTo()跳转传对象由于小程序并不支持直接传对象需要先将其转为字符串格式又由于跳转的是页面传参所以需要在URL路由地址里进行编码操作，使用encodeURIComponent对字符串进行编码，在目标页面获取是使用 decodeURIComponent 进行解码。

2024-02-29 14:40:24 1064

原创微信小程序拨打手机号，打开腾讯/高德地图App功能

具体步骤如下：其中为了能增加用户的体验感加了setTimeout一个两秒的计时器，并写了showToast一个提示框用来提示用户即将跳转。需要注意的是，在调用 wx.makePhoneCall() 方法之前，需要先在小程序的 app.json 文件的pages平级下声明permission节点进行相应的配置，即添加权限声明。

2023-08-03 10:32:05 903

原创常见的输入框正则判断

拓展：/^([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 211 1