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

2022-07-15 17:49:33 +08:00
 ChenYFan

我现在有两种方案

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

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

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

1147 次点击
所在节点    问与答
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
Xy problem ，完全听不明白你想干嘛
v-if 、v-else 算不算一种替换？
ChenYFan
2022-07-16 08:09:16 +08:00
@mxT52CRuqR6o5 额，实际上这并不是 xy 问题，我只是把我当前遇到的问题取关键说出来。

完整的环境是这样的：

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

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/866485

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX