index.uvue 918 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <cl-page>
  3. <view class="p-3">
  4. <demo-item :label="t('跳转')">
  5. <cl-button @click="toPush">{{ t("跳转") }}</cl-button>
  6. </demo-item>
  7. <demo-item :label="t('带参数')">
  8. <cl-button @click="toQuery">{{ t("跳转") }}</cl-button>
  9. </demo-item>
  10. <demo-item :label="t('需登录')">
  11. <cl-button @click="toLogin">{{ t("跳转") }}</cl-button>
  12. </demo-item>
  13. </view>
  14. </cl-page>
  15. </template>
  16. <script lang="ts" setup>
  17. import { router, uuid } from "@/cool";
  18. import DemoItem from "../../components/item.uvue";
  19. import { t } from "@/locale";
  20. function toPush() {
  21. router.to("/pages/demo/other/router/query");
  22. }
  23. function toQuery() {
  24. router.push({ path: "/pages/demo/other/router/query", query: { id: uuid() } });
  25. }
  26. function toLogin() {
  27. router.push({
  28. path: "/pages/demo/other/router/query",
  29. query: { id: uuid() },
  30. isAuth: true
  31. });
  32. }
  33. </script>
  34. <style lang="scss" scoped></style>