我正在开发一个带有Vue.JS前端的应用程序,其中一个用户登录并被发送到其他用户的列表。在此页面上,还有另一个用于医院列表的选项卡(一旦单击,它将带您进入一个包含医院列表的新页面)。
登录用户在“用户”页面上可以执行的方法之一是选择要模拟的用户之一。一旦他们确认他们想要模拟此用户,user页面就会刷新,以显示被模拟用户有权访问的用户列表的网格。在模拟的同时,他们还应该能够在选项卡之间切换(用户到医院),继续模拟,所以现在医院列表将呈现被模拟用户有权访问的医院的列表。为了确认用户正在被模拟,页面上应该有一个文本框显示"{ user } is impersonated“。
我可以执行第1部
我使用显示一些绑定变量。我页面的骨架是
<body>
<!-- the content of the page, including an instance of the variable {{hello}} -->
<script src="vue.js"></script>
<script src="myscript.js"></script>
</body>
打开页面时,页面显示{{hello}}的时间很短,在此之后,将立即替换为变量hello的正确值。
什么是正确的方法(
我发现了这个不错的
现在我的问题是:我想共享注销方法,所以我在auth.ts文件中创建了这个函数
import Router from 'vue-router';
const router = new Router({
mode: 'history'
});
export function logout() {
router.replace('/'); // It changes url but doesnt render component :-(
router.go(0); // It reload the applicati