如何在使用vue路由器时更改页面的登录提示

Question

<img v-if="；可见"：class＝"；{logoB:可见}"；src="@/assets/images/svg/徽标页脚.svg"；alt="：(/>

data((｛强调文本返回{可见：false，}；}，

Answer 1

您可以在组件中向路由器添加手表，因此：

<template>
<div>
<img v-if="visible" :class="{logoB:visible}" src="@/assets/images/svg/logo-footer.svg" />
</div>
</template>

此处为脚本部分

export default {
name: "MyComponent",
data() {
return {
visible: false
}
},
watch: {
$route: {
handler: function(to) {
this.visible = to.name === 'my-awesome-route';
},
immediate: true,
}
}
}