2***@qq.com
2***@qq.com
  • 发布:2021-07-05 16:57
  • 更新:2023-06-05 09:30
  • 阅读:1160

通过Vue.prototype挂载的全局变量在微信小程序里面取不到

分类:uni-app

main.js代码

import Vue from 'vue'  
import App from './App'  
import { staticUrl } from '@/common/config.js'  

Vue.config.productionTip = false  
Vue.prototype.$staticUrl = staticUrl;  

App.mpType = 'app'  

const app = new Vue({  
    ...App  
})  
app.$mount()

vue页面调用全局变量代码

<image style="width: 80upx;" :src="this.$staticUrl + '/icon/wechar.png'" mode="widthFix"></image>

小程序生成代码

<image style="width:40px;" src="undefined/icon/wechar.png" mode="widthFix" class="data-v-35463111"></image>

麻烦遇到此类问题的大佬指点一下

2021-07-05 16:57 负责人:无 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

这样写用问题 ,你不能直接在 元素上使用 this

  • 2***@qq.com (作者)

    主要是这样写在H5和调试器里面都是好用的啊,而且我把this去掉了,放到小程序里面效果还是一样的,还是不好使

    2021-07-06 10:17

  • 清茶涩

    回复 2***@qq.com: H5人家内部做出来了,小程序你要写正规一点呀

    2021-07-06 10:26

  • 2***@qq.com (作者)

    回复 清茶涩: 但是我把this去掉了也不好使啊,这个变量还是没取到,但是改成用data的或者放到vuex里面的就是正常的

    2021-07-06 10:35

  • 清茶涩

    回复 2***@qq.com: 小程序也不能使用全局挂载的属性呀,放入计算属性里面或者data,在onload赋值给data力再用

    2021-07-06 14:07

  • 清茶涩

    回复 2***@qq.com: 全局挂载的方法可以直接用,但是这种属性不能

    2021-07-06 14:08

  • 2***@qq.com (作者)

    回复 清茶涩: 好的好的 那我明白了 谢谢老哥了 之前没有比较权威的回复想弄懂就在bug里面又提交了一个 我去删了 超级感谢

    2021-07-06 14:38

  • skys215

    回复 清茶涩: 有示例代码吗?谢谢

    2022-02-12 21:48

00后霸道总裁

00后霸道总裁 - 00后霸道总裁

全局挂载变量不支持小程序

要回复问题请先登录注册