当前位置:   article > 正文

vue3没有this,如何绑定全局方法

vue3没有this

 vue3的 setup中是获取不到this的,为此官方提供了特殊的方法,让我们可以使用this,达到我们获取全局变量的目的。

1. 建立useCurrentInstance.ts

  1. import { ComponentInternalInstance, getCurrentInstance } from 'vue';
  2. // 添加断言
  3. export default function useCurrentInstance(){
  4. const { appContext } = getCurrentInstance() as ComponentInternalInstance;
  5. const proxy =appContext.config.globalProperties;
  6. return { proxy }
  7. }

2. main.js中定义我们的全局变量

  1. import { ElMessage } form "elementPlus"
  2. app.config.globalProperties.$message = ElMessage;

3. 页面中使用

  1. import useCurrentInstance from "../useCurrentInstance";
  2. const { proxy } = useCurrentInstance();
  3. proxy.$message({type:"warning",message:"请输入密码"})

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/229168
推荐阅读
相关标签
  

闽ICP备14008679号