介绍 function setMetaTitle(标题),{
document.title =,标题
,let mobile =, navigator.userAgent.toLowerCase ()
,if (ipad/iphone | | ipod/test(移动),{
let 才能;iframe =, document.createElement (& # 39; iframe # 39;)
时间=iframe.style.display 才能;& # 39;没有# 39;//,才能替换成站标标识路径或者任意存在的较小的图片即可
iframe.setAttribute才能(& # 39;src # 39;,, & # 39;静态/img/blank.png& # 39;)
let 才能;iframeCallback =, function (), {
,,setTimeout (function (), {
,,,iframe.removeEventListener(& # 39;负载# 39;,,iframeCallback)
,,,document.body.removeChild (iframe)
,,},,0)
,,}
iframe.addEventListener才能(& # 39;负载# 39;,,iframeCallback)
document.body.appendChild才能(iframe)
,}
}
,
,
export {
,setMetaTitle
} import Vue 得到& # 39;vue # 39;
import VueRouter 得到& # 39;vue-router& # 39;
import VueResource 得到& # 39;vue-resource& # 39;
import routes 得到& # 39;。/路由器/router.js& # 39;
import filter 得到& # 39;效用。//filter.js& # 39;
{},setMetaTitle import 得到& # 39;效用。//util.js& # 39;
import App 得到& # 39;。/App.vue& # 39;
,
Vue.use (VueRouter)
Vue.use (VueResource)
,
Vue.directive(& # 39;标题# 39;,,{
,插入:function (el,绑定),{
setMetaTitle才能(binding.value)
,}
})
,
种(过滤器).forEach(函数(k), {
,Vue.filter (k,过滤器[k]);
});
,
const router =, new VueRouter ({
,路线:路线
})
,
Vue ({new
,路由器,路由器,
,呈现:h =祝辞,h(应用)
})。美元山(& # 39;#应用# 39;) & lt; h3 v-title=? # 39;页面标题& # 39;“在通过指令设置页面标题& lt;/h3>
今天就跟大家聊聊有关使用vue-router怎么动态设置页面标题,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
<强> util.js中定义setMetaTitle()函数
<>强应用入口main.js中调用setMetaTitle()函数
<强> vue文件调用
看完上述内容,你们对使用vue-router怎么动态设置页面标题有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。
