【无标题】

最新推荐文章于 2024-03-19 18:33:47 发布

吴小燕-菜鸟的进阶

最新推荐文章于 2024-03-19 18:33:47 发布

阅读量76

点赞数

分类专栏： uniapp 文章标签： vue.js uni-app

本文链接：https://blog.csdn.net/weixin_48831103/article/details/130109266

版权

uniapp 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

uniapp - vue3 将公共的方法挂载到原型上

uniapp参考官网地址: https://uniapp.dcloud.net.cn/tutorial/vue3-api.html
vue参考官网地址:https://cn.vuejs.org/api/application.html#app-config-globalproperties

在common下面新建一个 utils.js 文件
在main.js 中引入此js文件 import utils from '@/common/utils.js'
app.config.globalProperties.$my= utils //$my 为自己定义的名字 添加可以在应用程序内的任何组件实例中访问的全局 property
在页面中使用

 import { getCurrentInstance } from 'vue'
 const {proxy} = getCurrentInstance()
 const btnClick= ()=>{ proxy.$my.go()}

在main.js中

import App from './App'
// #ifdef VUE3
import utils  from '@/common/utils.js'
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  app.config.globalProperties.$my= utils 

  return {
    app
  }
}
// #endif

在utils .js 中

const utils= {
	go(url, time = 0) {
		if (!url) {
			setTimeout(() => {
				uni.navigateBack({
					delta: 1
				})
			}, time)
		} else {
			setTimeout(() => {
				uni.navigateTo({
					url
				})
			}, time)
		}
	},
}
export default utils

vue2中的写法