uniapp微信小程序无法获取Vue.prototype值的解决方法

 更新时间:2022年10月19日 14:44:53   作者:Jay丶千珏  
在uniapp开发过程中,各端的一些高度会有区别,为了方便就要统一放到全局变量中,下面这篇文章主要给大家介绍了关于uniapp微信小程序无法获取Vue.prototype值的解决方法,需要的朋友可以参考下

前言

在使用uniapp开发的过程中,遇到了一个问题,发现在微信小程序无法去直接获取挂载在vue原型上的变量值,具体内容可看下图,解决方法也已经表明,供各位踩坑用!!!

main.js

 我在vue的原型上挂载了一个$baseUrl的变量

index.vue

在1中,直接取原型上的值  

在2中,在当前页面下,声明了一个变量baseUrl,把$baseUrl赋值给它

在3中,采用computed,return返回this.$baseUrl

在4中,采用methods定义了一个方法,同样return返回this.$baseUrl

 运行结果(左h5,右小程序)

 可以看出来,在直接获取的时候,h5是可以获取到的,小程序则是一个undefined,而使用另外三种方法,结果并无差异,至于原因,应该是生命周期的一块原因,需要去翻一下源码可知,

除了上述的三种解决办法,还有vuex等等,根据自己的业务需求来决定使用哪种方法解决,特此留笔,以供各位不要踩坑!!!

总结

到此这篇关于uniapp微信小程序无法获取Vue.prototype值解决的文章就介绍到这了,更多相关uniapp无法获取Vue.prototype值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript制作简单分页插件

    JavaScript制作简单分页插件

    本文给大家分享的是JavaScript制作的一个兼容IE6+以及主流浏览器的分页插件,非常的不错,有需要的小伙伴可以参考下
    2016-09-09
  • javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法

    javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法

    这篇文章主要介绍了javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • JS如何实现文本框随文本的长度而增长

    JS如何实现文本框随文本的长度而增长

    这篇文章主要介绍了JS如何实现文本框随文本的长度而增长的方法,具有一定借鉴价值,需要的朋友可以参考下
    2015-07-07
  • js DataSet数据源处理代码

    js DataSet数据源处理代码

    js DataSet数据源处理代码,需要的朋友可以参考下。
    2010-03-03
  • layui的面包屑或者表单不显示的解决方法

    layui的面包屑或者表单不显示的解决方法

    今天小编就为大家分享一篇layui的面包屑或者表单不显示的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现的简单分页功能示例

    JS实现的简单分页功能示例

    这篇文章主要介绍了JS实现的简单分页功能,涉及javascript事件响应及页面元素遍历、动态构造等相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • 详解webpack与SPA实践之开发环境搭建

    详解webpack与SPA实践之开发环境搭建

    这篇文章主要介绍了详解webpack与SPA实践之开发环境搭建,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • javascript数组去重的方法汇总

    javascript数组去重的方法汇总

    数组去重复是一个常见的需求,我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法,网上基本都有,这里只是简单地总结一下分享给大家。
    2015-04-04
  • js评分组件使用详解

    js评分组件使用详解

    这篇文章主要为大家介绍了js评分组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 小程序websocket心跳库(websocket-heartbeat-miniprogram)

    小程序websocket心跳库(websocket-heartbeat-miniprogram)

    这篇文章主要介绍了小程序websocket心跳库(websocket-heartbeat-miniprogram),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02

最新评论