关于uniapp全局挂载变量/方法的问题,没遇到过点进来吧,记录一下我踩过的坑。

这篇具有很好参考价值的文章主要介绍了关于uniapp全局挂载变量/方法的问题,没遇到过点进来吧,记录一下我踩过的坑。。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

事情是这样的,我在用uniapp做一个微信小程序,遇到了个问题,是在封装uni.request()到全局方法的时候,其实就很简单的,是关于this的指向问题(若想了解此问题的话,点这里去看大佬的文章!!!),找几个小时的博客都未能解决。

建uniapp项目时用了vue3,那么就要遵循vue3的语法,在全局挂载方法或者变量时,就不能用Vue.prototype.** = ** 了,因为这是vue2挂载的方法。

而是要改用app.config.globalProperties.** = **了。

原本我们在vue2挂载全局方法的时候呢,应该是这样:

// 全局挂载网络请求
import myRequest from '@/common/http/request.js'
// 挂载到全局的每一个Vue实例上
Vue.prototype.$http = myRequest

但是Vue3是这样的:

// 全局挂载网络请求
import myRequest from '@/common/http/request.js'

export function createApp() {
	const app = createSSRApp(App)

    // 挂载到全局的每一个Vue实例上
	app.config.globalProperties.$http = myRequest

	return {
		app
	}
}

文末提一嘴吧,全局方法应该在main.js上面定义的。理论上这篇文章是原创的,因为我找了好几个小时才解决了这个问题,度娘没有百分百解决的文章,大佬勿喷,我刚刚起步学代码而已。

希望对正在代码路上的你会有帮助吧。文章来源地址https://www.toymoban.com/news/detail-598888.html

到了这里,关于关于uniapp全局挂载变量/方法的问题,没遇到过点进来吧,记录一下我踩过的坑。的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp中全局页面挂载组件(小程序,h5)

    1.uniapp 自带的 easycom 使用easycom的好处 1、简化组件的使用,提高开发效率 2、不论组件目录下安装了多少组件,easycom打包后会自动剔除没有使用的组件,对组件库的使用尤为友好。 说明 easycom方式引入的组件 无需在页面内import ,也 不需要在components内声明 ,即可在任意页面

    2024年02月05日
    浏览(38)
  • uniapp自定义动态tabbar及全局挂载底部自定义组件

    本篇文章解决的问题如下: 1:uniapp在pages.json中定义的tabbar,在非tabbar页面的时候不会显示,所以自定义了一个tabbar组件。(注意是自定义组件不是官方的custom-tab-bar组件) 2:有些tabbar需要动态变化,会员登陆前和会员登陆后可能会需要在tabbar上面展示不同的项目,所以要做

    2024年02月02日
    浏览(48)
  • 关于全局变量的定义

    全局变量,在A.c文件中定义的变量,在A.h中用extern声明一下即为全局变量,B.c文件想要调用的话只需要,包含A.h即可使用 如果不想让其他.c文件引用本文件中的变量,加上static即可。 static的作用: 1、在函数体修饰变量时,一个被声明为的static静态变量在这一函数被调

    2024年02月04日
    浏览(35)
  • uniapp如何定义全局变量?

    在UniApp中定义一个全局变量,可以使用Vue.js的全局属性 $store 或 $uni。以下是两种不同情况下定义全局变量的方法:         1.使用Vue.js的全局属性 $store UniApp中可以使用Vuex进行状态管理。通过将需要全局共享的数据存放在Vuex的状态中,就可以在任何一个组件中使用$store进行

    2024年01月18日
    浏览(29)
  • #Uniapp:引入fonts&目录结构&全局样式&启动模式&全局变量

    uni-app 运行到微信开发者工具需要注意 小程序路径需要配置, 小程序端口需要开启 目录结构 开发规范 遵循vue和小程序混合 全局配置样式 全局 pages.json 局部的样式会覆盖全局的样式 https://uniapp.dcloud.net.cn/collocation/pages#style 可以单独设置h5的样式 tabBar tabBar 中的 list 是一个数

    2024年01月24日
    浏览(34)
  • uniapp全局挂载uViewUI的u-toast消息通知组件(微信小程序)

    在使用uView消息通知组件的时候,必须在每个页面中手动添加一个标签,打上ref然后才能调用,非常的麻烦,能不能像ElementUI那样把组件挂载到Vue原型上从而能全局调用呢,个人也是尝试了很多方法,但是由于小程序的app.vue不能写页面,所以无法达到ElementUI那种方便的效果,

    2024年02月15日
    浏览(33)
  • 详解uniapp的全局变量实现方式_javascript技巧

    本文整理了一些uniapp全局变量的实现方式,细节知识来自于uView官网中对uniapp中的全局变量实现,感兴趣的同学可以前往uView官网搜索vuex进行查看 一般来说在uniapp中有以下几种方式 本地存储 配置文件 挂载到 Vue.prototype globalData vuex 下面对这5种方式的实现进行介绍 永久存储,

    2024年02月07日
    浏览(32)
  • Vue3 全局实例上挂载属性方法

    导语 在大多数开发需求中,我们有时需要将某个数据,或者某个函数方法,挂载到,全局实例身上,以便于,在项目全局的任何位置都能够调用其方法,或读取其数据。 在Vue2 中,我们是在 main.js 中 直接将数据或者方法绑定在 Vue.prototype 身上,在页面中,可以直接通过 thi

    2024年02月02日
    浏览(25)
  • 关于css中设置变量用于全局Css或者Js中使用

    一、配置变量css文件 src/styles/variables.scss 二、在组件中使用变量

    2024年02月07日
    浏览(33)
  • vue如何定义:全局变量、全局方法

    开发中会经常用到一些常用的变量和方法   例如ajax这种 1.定义专用模块来配置全局变量 定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入global.vue  引入及使用 2.通过全局变量挂载到Vue.prototype 同上,定义一个专用模块来配置全局变量,然后通过

    2023年04月20日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包