vue 动态加载浏览器左上角 图标 和 显示title

vue 动态加载浏览器左上角 图标 和 显示title

设置这个需要在路由里面通过钩子函数进行设置
图标需要创建link标签来获取 传过来的url 我这边是通过缓存来获取的
sessionStorage.getItem(‘shopLogo’)

router.beforeEach((to, from, next) => {
    let status;
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
        link.type = 'image/x-icon';
        link.rel = 'shortcut icon';
        link.href = sessionStorage.getItem('shopLogo');
        document.getElementsByTagName('head')[0].appendChild(link);
//    if (to.meta.title) {
        document.title = sessionStorage.getItem('title')
  //  }
    if (sessionStorage.getItem("MarketStatus")) {
        status = sessionStorage.getItem("MarketStatus")
    }
    // console.log('===status===', status)
    if (status == 'start') {
        sessionStorage.setItem("MarketStatus", 'end');
        next({
            name: 'OrderStep3'
        });
    } else {
        next()
    }
});

// 下面是设置title

// 显示的title 可以通过路由标签上的meta设置不同的title 也可以用一个title

// 代码如上👆
document.title = sessionStorage.getItem('title')