路由中增加meta对象
{
path: '/accounting',
name: 'accounting',
component: () => import('../pages/accounting/Accounting.vue'), //记账
meta: {
title:"芒果记账",
icon:"./jz.ico"
}
},
在主页监听路由,改变title和icon
watch(
// 监听路由改变
() => route,
(val) => {
// 设置页面自己的title和icon
if (Object.keys(val.meta)) {
document.title = `${val.meta.title}`;
const link = document.querySelector("[rel='icon']");
link.setAttribute('href', `${val.meta.icon}`);
}
},
{ immediate: true } //立即执行一次
);