Vue3 注册及使用全局方法

一、背景

自己的一个考公网站，需求是 用户登录系统，但是用户去查看功能时要判断当前用户是否有是会员，如果不是会员，那么查看其他功能时需要弹窗说不是vip,如果是会员则可以直接查看。

二、实现

首先上截图。

 

1.Vue3 全局注册方法

1.新建popToast.js

import Cookies from "js-cookie";// 添加一个全局方法，将方法拦截，判断是否是vip
const isVip = Cookies.get("isVip");const popToast = (fn, params) => {debuggerif(isVip === 'false'){ // 非vipalert("不是vip")}else {fn(params)}
}export default popToast

2.main.js

import PopToast from "@/components/utils/popToast";app.config.globalProperties.$PopToast=PopToast
export default app;

3.在Vue文件

import context from "@/main" // 需要在前面main.js中导出app
const $PopToast = context.config.globalProperties.$PopToast;

@click="$PopToast(popDetailUrl,o)"

三、遇到的报错

四、参考博客

https://www.cnblogs.com/cosmicbison/p/17181730.html