如何停止执行 Vue 3 组合 api 中的其余设置脚本
P粉032977207
P粉032977207 2023-08-31 21:47:24
[Vue.js讨论组]
<p>我有一个带有类似代码的子页面</p> <pre class="brush:php;toolbar:false;">&lt;script setup&gt; 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 &lt;/script&gt;</pre> <p>它有效,所以如果条件为假,它将重定向。问题是 - Vue 仍然执行其余的脚本设置,例如获取不需要的所有 API 数据事件。</p> <p>有没有办法“停止”脚本设置?</p> <p>我无法为此使用中间件,因为我的条件基于父页面提供的 ref 变量。如果我尝试将其注入路由器挂钩级别 - 它是未定义的。</p>
P粉032977207
P粉032977207

全部回复(1)
P粉334721359

它的完成方式与 JavaScript 中任何其他地方一样:

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

存在“大量代码”表明视图组件可以重构为仅包含路由必需的代码,其余内容可以提取到嵌套组件。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号