vue如何实现前端页面切换但不刷新页面内容

发布网友 发布时间：2022-04-20 15:53

我来回答

共2个回答

热心网友 时间：2022-04-22 14:27

在点餐的时候，我们提交到确认订单却又返回了，从新再点。这时我们返回时就不能刷新，所以最好是这个点餐和确认订单是在一个页面的。如果使用mui的单页面，可能会是页面太多了不方便操作。再加上接口什么的，就内容过多。
我们可以考虑利用框架iframe，第二个页面通过iframe引进来，但是注意他们可能是一个页面了，当你进入第二个也就是那个iframe框架的页面时，返回可能就是整体返回而忽视点餐的那个页面，因为把他们当整体啦。
知识点：
window.self 对当前窗口自身的引用。等价于window

window.top. 返回顶层窗口，即浏览器窗口

window.parent 返回父窗口。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。
在框架iframe指的那个具体的页面中写：

window.parent .closeiframe()
在包含框架的主页面写

function closeiframe(){//返回到该页面时隐藏框架
$("iframe").hide();
}

返回父窗口。

热心网友 时间：2022-04-22 15:45

你可能需要 vue-router，了解一下？

网页链接