feat: Add “replace” use case to playground.

zcf0508 · May 18, 2023 · 46f9fa8 · 46f9fa8
1 parent f5345eb
commit 46f9fa8
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 4 deletions.
diff --git a/playground/src/views/Home.vue b/playground/src/views/Home.vue
@@ -9,14 +9,25 @@ async function go() {
     console.log(e)
   }
 }
+
+async function replace() {
+  try{
+    await router.replace(`/some/${Math.random() * 100}`)
+  }catch(e) {
+    console.log(e)
+  }
+}
 </script>
 
 <template>
   <div class="text-center">
     <HelloWorld msg="Hello World"></HelloWorld>
-    <button @click="go">
+    <button @click="go" class="mr-8px">
       Go somewhere.
     </button>
+    <button @click="replace">
+      replace somewhere.
+    </button>
   </div>
 </template>
 

diff --git a/playground/src/views/Some.vue b/playground/src/views/Some.vue
@@ -12,6 +12,14 @@ async function go() {
     console.log(e)
   }
 }
+
+async function replace() {
+  try{
+    await router.replace(`/some/${Math.random() * 100}`)
+  }catch(e) {
+    console.log(e)
+  }
+}
 </script>
 
 <template>
@@ -20,9 +28,15 @@ async function go() {
       This is a test page. The id is {{ id }}.
     </div>
 
-    <button @click="go">
-      Go somewhere.
-    </button>
+    <div>
+      <button @click="go" class="mr-8px">
+        Go somewhere.
+      </button>
+
+      <button @click="replace">
+        replace somewhere.
+      </button>
+    </div>
   </div>
 </template>