如何使用 js 在将当前网页替换成另一个 vue 网页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 862 天前的主题，其中的信息可能已经有所发展或是发生改变。

我现在有两种方案

一.通过 innerHTML 属性直接替换，会导致 js 脚本加载后不执行

二.通过 fetch 转成字符串后再转成 dom 对象，然后在里面遍历并 append ，这在一般的网页可行，但是在 vue 中白屏

应用是 vitepress ，但经过测试 vue 应用都不行。

第 1 条附言 · 2022-07-16 08:09:26 +08:00

完整的环境是这样的：

我现在在研究 ServiceWorker 无刷新激活问题，通过 window.stop 函数打断当前页面加载，然后安装 ServiceWorker ，安装成功后一般来讲都是通过刷新的方式来重载当前页面，但我想有没有一种方式直接用 js 不刷新加载另一个页面，也就是当且网页的替换。

Vue

网页

替换

innerHTML

5 条回复

DoubleKing

2022-07-15 17:54:15 +08:00

iframe?

dtdths1

2022-07-15 18:50:48 +08:00

微前端？

ChenYFan

2022-07-15 21:25:03 +08:00

@dtdths1 不不不不不这个不行

mxT52CRuqR6o5

2022-07-15 23:24:17 +08:00 via Android

Xy problem ，完全听不明白你想干嘛
v-if 、v-else 算不算一种替换？

ChenYFan

2022-07-16 08:09:16 +08:00

@mxT52CRuqR6o5 额，实际上这并不是 xy 问题，我只是把我当前遇到的问题取关键说出来。

完整的环境是这样的：

我现在在研究 ServiceWorker 无刷新激活问题，通过 window.stop 函数打断当前页面加载，然后安装 ServiceWorker ，安装成功后一般来讲都是通过刷新的方式来重载当前页面，但我想有没有一种方式直接用 js 不刷新加载另一个页面，也就是当且网页的替换。两种方式上述也讲了。