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

This topic created in 1426 days ago, the information mentioned may be changed or developed.

我现在有两种方案

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

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

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

Supplement 1 · Jul 16, 2022

完整的环境是这样的：

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

Vue

网页

替换

innerHTML

5 replies

DoubleKing

Jul 15, 2022

iframe?

dtdths1

Jul 15, 2022

微前端？

ChenYFan

Jul 15, 2022

@dtdths1 不不不不不这个不行

mxT52CRuqR6o5

Jul 15, 2022 via Android

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

ChenYFan

Jul 16, 2022

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

完整的环境是这样的：

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