当前位置: 首页 > news >正文

uniapp微信小程序巧用跳转封装鉴权路由

1.这是封装的跳转方法:

import store from "../stores/store";function Router(type, url, params) {const NoLoginPage = [。。。。。];var queryString = Object.keys(params).map((key) => `${key}=${params[key]}`).join("&");if (!NoLoginPage.includes(url)) {if (!store.state.user_store.token) {store.commit("user_store/setPath", url);store.commit("user_store/setParams", params);uni.navigateTo({url: "/pages/login/login",});return;}}switch (type) {case "switchTab":if (queryString) {uni.switchTab({url: `${url}?${queryString}`,});} else {uni.switchTab({url: url,});}break;case "navigateTo":if (queryString) {uni.navigateTo({url: `${url}?${queryString}`,});} else {uni.navigateTo({url: url,});}break;case "redirectTo":if (queryString) {uni.redirectTo({url: `${url}?${queryString}`,});} else {uni.redirectTo({url: url,});}break;case "switchTab":if (queryString) {uni.switchTab({url: `${url}?${queryString}`,});} else {uni.switchTab({url: url,});}break;}
}
export default Router;

2.引入main.js函数进行使用

import Router from "./router/routerLogin";
Vue.prototype.$Router = Router;

3.组件中使用

this.$Router("navigateTo","/page_my/。。。。。","");

4.非常完美,完结撒花
 

http://www.lryc.cn/news/452810.html

相关文章:

  • 国外电商系统开发-运维系统开发
  • 基于投影滤波算法的rick合成地震波滤波matlab仿真
  • 【艾思科蓝】机器学习框架终极指南:PyTorch vs TensorFlow vs Keras vs Scikit-learn
  • 招联金融秋招内推2025
  • 遮罩解决图片悬浮操作看不到的情况
  • IoT网关的主要功能有哪些?天拓四方
  • 继承实现单例模式的探索(一)
  • 【代码实现】opencv 高斯模糊和pytorch 高斯模糊
  • python基础语法2
  • linux第一课:下载与安装
  • 虚拟机添加共享文件夹后仍无法显示文件
  • OSPF协议
  • 行为设计模式 -观察者模式- JAVA
  • 在阿里工作是一种什么体验?
  • 828华为云征文|华为云Flexus云服务器X实例——uniapp功能开发、搭建股票系统选择用什么服务器比较好?
  • 电子电路元件器介绍与选型——晶振
  • 【IEEE PDF eXpress】格式不对
  • OpenAI全新多模态内容审核模型上线:基于 GPT-4o,可检测文本和图像
  • Visual Studio 字体与主题推荐
  • 信息学奥赛一本通 1416:【17NOIP普及组】棋盘 | 洛谷 P3956 [NOIP2017 普及组] 棋盘
  • UE4完整教程 UE4简介 UE4学习攻略及文件格式
  • JVM内存回收机制
  • 中国身份证号码校验
  • 【Kubernetes】常见面试题汇总(五十四)
  • 不懂外语也能无障碍交流?探索4款超好用中英翻译工具
  • C++ WebDriver扩展
  • WeChat_DevTools 断点调试方法总结
  • 水波荡漾效果+渲染顺序+简单UI绘制
  • 深度学习中的结构化概率模型 - 使用图来描述模型结构篇
  • C语言中的栈帧