uni-app+vue3+ts开发小程序总结

技术：vue3+ts

背景: 记录小程序开发过程中的各种难题

全局分享

使用vue2的mixin

// share.ts
import { onShareAppMessage } from '@dcloudio/uni-app'

export const share = (): any => {
  return onShareAppMessage(() => {
    // 获取当前页面路径，有的业务可能要对分享进行个性化处理
    const pages = getCurrentPages()
    const path = pages[pages.length - 1].route
    const imageUrl = '靓仔.png'
    const title = '快到碗里来'
    return {
      title,
      path,
      imageUrl,
    }
  })
}

main.ts引入使用

// main.ts
import { createSSRApp } from 'vue'
import { share } from '@/utils/share'

export function createApp() {
  const app = createSSRApp(App)
  app.mixin({
    onShareAppMessage() {
      return share()
    },
  })
  return {
    app
  }
}

getCurrentPages()报错： 'getCurrentPages' is not defined.eslint

后续不断更新~