type
Post
status
Published
date
Mar 21, 2024
slug
vue-i18n-meun
summary
tags
开发
category
技术分享
icon
password
在使用i18n时，发现切换语言菜单栏不生效，必须要刷新一次才能生效。
📝 寻找问题根源
查看导航栏发现，其数据从store取得，而store中的数据是从router拿的，而在js中navigationRouter一旦生成，便是写死的数据，不会再改变。所以我们需要对其进行一些处理，使其每次都生成动态的数据。
🤗 解决办法
将navigationRouter改造成函数，这样每次获取navigationRouter的值便可以动态获取最新的数据，但是我们还需要更新最新的数据到store中，这时候我们就可以利用路由守卫，进行数据处理。