Vue3 注册及使用全局方法

一、背景

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

二、实现

首先上截图。

 

1.Vue3 全局注册方法

1.新建popToast.js

import Cookies from "js-cookie";

// 添加一个全局方法，将方法拦截，判断是否是vip
const isVip = Cookies.get("isVip");

const popToast = (fn, params) => {
	debugger
	if(isVip === 'false'){ // 非vip
		alert("不是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