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中的写法
Vue.prototype.$my = utils