vue切换路由不让页面刷新,vue路由跳转页面不刷新问题

　　本文主要介绍vue设置路线标题，但是页面刷新时标题失败的解决方案，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

1. 在router/index.js中

　　使用元属性的标题来设置每个路由的相应标题值。

　　/* router/index.js: */

　　路线：[

　　{

　　路径：“/”，

　　组件：()=导入(./log in’)，

　　名称：登录，

　　元：{

　　标题：“用户登录”

　　}

　　//..

　　]

2.在main.js中设置路由守卫

　　当vue页面切换时，网页的标题也会切换。

　　/* main.js: */

　　/*路线防护*/

　　router.beforeEach((收件人，发件人，下一个)={

　　/*路线变更修改页面标题*/

　　if (to.meta.title) {

　　document.title=to .元标题

　　}

　　下一个()

　　})

　　按照常规步骤设置路线的标题。vue页面切换时，确实实现了标题的改变，但是我刷新页面后发现标题无效！

　　百度后发现很多人用‘vue-微信-标题’插件设置标题，试了试，确实解决了我的问题。

具体操作如下

同上在 router/index.js 中

　　使用元属性的标题来设置每个路由的相应标题值。

在项目的根目录下

　　打开命令行，通过NPM安装vue-微信-标题-保存安装插件：(有些编辑器自带终端命令行控制台，比如我用的WebStorm，可以根据个人情况操作。)

在main.js中引入并且使用该插件

　　从“vue-微信-标题”导入VueWechatTitle

　　vue . use(vuewachtitle)

修改App.vue的路由标签

　　将v-we chat-title= $ route . meta . title 添加到路由器视图选项卡：

　　模板

　　div id=应用程序

　　路由器-查看v-微信-title=$route.meta.title/

　　/div

　　/模板

　　从此解决了问题，为自己做个记录。

　　不知道其他朋友有没有遇到和我一样的问题。刷新页面后，标题失败。我在百度搜了一下，好像没有相关词条。如果有朋友遇到了和我一样的问题，希望能帮到你。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录