vue中动态设置meta标签和title标签的方法

前端之家收集整理的这篇文章主要介绍了vue中动态设置meta标签和title标签的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

因为和原生的交互是需要h5这边来提供Meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置Meta标签标题内容

{ /* 路由发生变化修改页面Meta */ if(to.Meta.content){ let head = document.getElementsByTagName('head'); let Meta = document.createElement('Meta'); Meta.content = to.Meta.content; head[0].appendChild(Meta) } /* 路由发生变化修改页面title */ if (to.Meta.title) { document.title = to.Meta.title; } next() });

效果如图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章