<p>我有一個類似程式碼的子頁面</p> <pre class="brush:php;toolbar:false;"><script setup> import { inject } from 'vue' import { useRouter } from 'vue-router' const router = useRouter() const isSomething = inject('isSomething') if (!isSomething.value) { router.replace('/somepage') } // rest of setup script with a lot of code // like api data fetch </script></pre> <p>它有效，所以如果條件為假，它將重定向。問題是 - Vue 仍然執行其餘的腳本設置，例如取得不需要的所有 API 資料事件。 </p> <p>有沒有辦法「停止」腳本設定？ </p> <p>我無法為此使用中間件，因為我的條件是基於父頁面提供的 ref 變數。如果我嘗試將其註入路由器掛鉤級別 - 它是未定義的。 </p>

if (!isSomething.value) {
  router.replace('/somepage')
} else {
  // rest of setup script with a lot of code
}