Skip to content

Ares-Chang/uni-use-router

Folders and files

NameName
Last commit message
Last commit date

Latest commit

779831e · Sep 6, 2024

History

32 Commits
Aug 20, 2024
Aug 13, 2024
Aug 22, 2024
Sep 6, 2024
Aug 14, 2024
Aug 22, 2024
Aug 13, 2024
Aug 13, 2024
Aug 13, 2024
Aug 22, 2024
Aug 14, 2024
Aug 13, 2024
Sep 6, 2024
Aug 21, 2024
Aug 13, 2024
Aug 14, 2024

Repository files navigation

uni-use-router

npm version npm downloads bundle JSDocs License

UniApp 路由跳转补充,与 Vue Router 语法靠近

🚀 Install

pnpm add uni-use-router --save-dev

⚡️ Usage

<script setup lang="ts">
import { useRouter } from 'uni-use-router'

const router = useRouter({
  webview: '/pages/webview'
})
</script>

<template>
  <view class="box">
    <button @click="router.push('/pages/test/test?a=1&b=2')">
      Go Test
    </button>
    <button
      @click="router.push({
        url: '/pages/test/test',
        query: {
          a: 1,
          b: '2',
          c: null,
        },
      })"
    >
      Go Test
    </button>
    <button @click="router.replace('/pages/test/test')">
      Go Replace
    </button>
    <button @click="router.push('https://www.baidu.com')">
      Go H5
    </button>
  </view>
</template>

<style scoped>
.box {
  display: flex;
  flex-direction: column;
  gap: 10rpx;
}
</style>

License

MIT License © 2024-PRESENT Ares Chang