首页 > 其他分享 >uniapp 设置全局无需引入的变量 和 方法

uniapp 设置全局无需引入的变量 和 方法

时间:2023-11-28 21:23:03浏览次数:33  
标签:uniapp 无需 app statusBarHeight platform import uni 全局 getSystemInfoSync

import App from './App.vue'
import * as Pinia from 'pinia';

import { createSSRApp } from 'vue'

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

	app.use(uviewPlus)
	app.use(Pinia.createPinia());

	// 在js里直接调用
	uni.$platform = uni.getSystemInfoSync().platform
	uni.$statusBarHeight = uni.getSystemInfoSync().statusBarHeight
	// 在html模板里直接调用
	app.config.globalProperties.$platform = uni.getSystemInfoSync().platform
	app.config.globalProperties.$statusBarHeight = uni.getSystemInfoSync().statusBarHeight


	// 兼容写法, 否则真机可能会找不到pinia
	return {
		Pinia,
		app
	}
}

标签:uniapp,无需,app,statusBarHeight,platform,import,uni,全局,getSystemInfoSync
From: https://www.cnblogs.com/anans/p/17863107.html

相关文章

  • VUE前后端分离项目,前端打包,可配置修改环境变量文件,无需再次打包
      懒得打字了,直接截图,转载自:https://blog.csdn.net/CSDN_33901573/article/details/130603111        ......
  • python中全局变量和局部变量作用域理解
    一:描述python中全局变量和局部变量作用域理解 二:回答1. 局部变量不能修改全局变量局部变量只作用于方法内,无法修改全局变量1#全局变量city2city="上海"34defmod_city():5#局部变量city6city="深圳"7print(city)89......
  • npm学习(四)之如何安装全局包、更新全局安装的包、卸载全局安装的包
      如何安装全局包有两种方式用来安装npm包:本地安装和全局安装。选用哪种方式来安装,取决于你如何使用这个包。如果你想将其作为一个命令行工具,那么你应该将其安装到全局。这种安装方式后可以让你在任何目录下使用这个包。比如grunt就应该以这种方式安装。如果您希......
  • 如何在vue中注册和使用全局组件
    1、在main.js入口文件中,使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可<MyCount></MyCount>......
  • Kafka 如何保证消息消费的全局顺序性
    哈喽大家好,我是咸鱼今天我们继续来讲一讲Kafka当有消息被生产出来的时候,如果没有指定分区或者指定key,那么消费会按照【轮询】的方式均匀地分配到所有可用分区中,但不一定按照分区顺序来分配我们知道,在Kafka中消费者可以订阅一个或多个主题,并被分配一个或多个分区如果一......
  • 记录一下vue如果全局引入scss变量
    开始首先一些普通的css,可以在App.vue中引入然后项目中会经常用到一些功能型的scss,比如mixin,和函数等,这个时候在main.js和app.vue是无效的。首先查看自己的sass和sass-loader版本,注意sass-loader的安装版本,如果是v8的版本使用prependDatea,以上的版本使用additionalData(翻......
  • 小程序uniapp准备工作
    appid开发者身份uniappui组件===>uViewhttps://ext.dcloud.net.cn/plugin?id=1593配置https://www.uviewui.com/components/downloadSetting.html......
  • uniapp微信小程序微信同声传译和OCR支持功能
    1.首先小程序后台设置里面的第三方设置插件管理需要添加微信同声传译和OCR支持两个插件2.【微信同声传译】在manifest.json切换成源码视图然后在appid同级目录添加插件/*小程序特有相关*/"mp-weixin":{"appid":"wx9fd66d4d0e83c5f9","setting"......
  • app直播源码,uniapp之自定义顶部样式
    app直播源码,uniapp之自定义顶部样式 //需要自定义顶部样式的页面配置{"path":"pages/case/index","style":                                           {  "navigationBarTitleT......
  • uniapp中的computed
    在UniApp中,computed是一个特殊的属性,用于计算属性。它与Vue.js中的computed属性类似,用于根据已有的数据计算出一个新的属性值。在UniApp中,使用computed属性可以方便地根据多个变量或表达式计算出一个新的变量值,并且当依赖的数据变化时,computed属性会自动更新。<template><......