uniapp+vue3+setup语法糖开发微信小程序时不能定义globalData的解决方法

在使用 uniapp 开发小程序的时候, 发现使用了setup 语法糖 ,定义 globalData 时,要不是定义不了, 要不就是使用 getApp()取不到,后来想到一个不伦不类的方法解决了, 这个方法有点难看, 但是解决了问题

方法一

思想就是, setup语法糖和 vue2的语法混合使用,有点不规范,所以说它难看

本人测试,编辑也是通过了的,在子文件中可以使用 getApp().globalData.huang 来修改和获取属性

方法二 我感觉这种方法可以接受(纯Vue3来解决)

首先我们看一下 uniapp对 app.vue 的介绍

上图中的重点, App.vue是所有页面的父组件, template 无效,但是 数据和 css样式是可以有效的

既然App.vue是所有页面的父组件, 其它所有页面都是它的子组件, 那我们使用vue3 的

project 和 inject 就可以解决问题了,


其实 小程序的 globalData 说白了就是一个全局的变量, 就算没有想到上面的方法, 我们最终也可以去使用 vuex 或者是 pinia 来代替它

相关推荐
00后程序员张13 小时前
HTTP抓包工具推荐,Fiddler配置方法、代理设置与使用教程详解(开发者必学网络调试技巧)
网络·http·ios·小程序·fiddler·uni-app·webview
悟空码字14 小时前
微信小程序管理系统,代运营3600+医院小程序
微信·小程序·编程·软件开发
浔川python社16 小时前
《Python 小程序编写系列》(第三部):简易文件批量重命名工具
python·小程序·apache
带着梦想扬帆启航16 小时前
UniApp 多个异步开关控制教程
前端·javascript·uni-app
一 乐17 小时前
个人博客|博客app|基于Springboot+微信小程序的个人博客app系统设计与实现(源码+数据库+文档)
java·前端·数据库·spring boot·后端·小程序·论文
会有钱的-_-17 小时前
基于微信小程序的场景解决
微信小程序·小程序·css3
喵喵侠w18 小时前
uni-app微信小程序相机组件二次拍照白屏问题的排查与解决
前端·数码相机·微信小程序·小程序·uni-app
G佳伟18 小时前
微信小程序实现长按复制选中文字的效果
微信小程序·小程序·notepad++
汤姆yu19 小时前
基于微信小程序的特色农产品交易系统
微信小程序·小程序
毕设源码-赖学姐19 小时前
【开题答辩全过程】以 赣农乐微信小程序为例,包含答辩的问题和答案
微信小程序·小程序