当兄弟组件发生更改时,更新静态vue组件中的元素

时间:2017-11-01 13:36:01

标签: javascript vue.js components

这是我第一次提问,所以我希望我能做到这一点。

我有一个项目,我的App.vue模板如下所示:

$result = mysqli_query($db,$query);
if (mysqli_num_rows($result) ==1) 

在我的<template> <div id="app"> <appheader></appheader> <router-view></router-view> <appfooter></appfooter> </div> </template> 组件中,我有一个重定向到登录页面的登录按钮:

<appheader>

我想要的是按钮在用户登录时显示“注销”。 当用户登录时,如果用户已登录,则会获取用于在组件中验证的cookie,但由于未重新加载<router-link tag="div" to="/login"> <a> <div class="signInButton"> <div class="lockWrapper"> <img class="lock" src="../assets/lock.svg" alt=""> </div> <h4 class="loginText">Log in</h4> </div> </a> </router-link> ,因此除非我刷新页面,否则值不会更改。有没有办法在加载新组件时更新标头?

1 个答案:

答案 0 :(得分:0)

在一个组件中使用this.$root.$emit('event', data)并使用this.$root.$on('event', (data) => {})选择活动,找到了变通方法。

这似乎没有任何问题更新标头组件。