当前位置: 首页 > article >正文

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 来代替它


http://www.kler.cn/a/273636.html

相关文章:

  • Github出现复杂问题 无法合并 分支冲突太多 如何复原
  • 【GlobalMapper精品教程】093:将tif影像色彩映射表(调色板)转为RGB全彩模式
  • 【简博士统计学习方法】第1章:2. 统计学习方法的基本分类
  • 04、Redis深入数据结构
  • 【网络安全 | 漏洞挖掘】通过监控调试模式实现价值$15k的RCE
  • OpenCV 4.5至4.10版本更新概述
  • vue3 计算属性(computed)和监听属性(watch)的异同
  • 租一个阿里云的服务器多少钱?30元、61元、99元、165元、199元
  • 机器学习复习(9)——自定义dataset
  • Linux 文件系统:文件描述符、管理文件
  • vue3.x 使用jsplumb进行多列拖拽连线
  • C++ cin标准输入流,及获取多个输入的方法
  • Springboot整合支付宝沙箱支付
  • 移动云COCA架构实现算力跃升,探索人工智能新未来
  • 【C语言】空心正方形图案
  • 【开发】SpringBoot 整合 Redis
  • 自然辩证法
  • bootstrap表格API文档
  • 【Linux】用三种广义进程状态 来理解Linux的进程状态(12)
  • GPT-SoVITS语音合成服务器部署,可远程访问(全部代码和详细部署步骤)
  • 海康、新华三、银江股份、大华等知名企业集结亮相“杭州安防展”
  • 杂记8---多线激光雷达与相机外参标定
  • java项目打包(maven+原生)
  • LeetCode108 将有序数组转换为二叉搜索树
  • 云原生(四)、Docker-Compose
  • js复制内容到剪贴板实现复制粘贴功能