首页 > Web开发 > 详细

vue动态index.html默认标题

时间:2020-11-03 19:19:14      阅读:229      评论:0      收藏:0      [点我收藏+]

使用场景

  • 项目的某些页面需要单独打开
  • 页面加载完成之前就需要展示标题
  • 标题不能在index.html写死,因为各页面标题不一样

用法

vue的index.html文件中修改

<!DOCTYPE html>
<html lang="en">
<head>
<!--这里省略部分代码-->
 <title>默认标题</title>
    <script>
        //动态标题
        var domainUrl = document.location.toString();
        if (domainUrl.indexOf("特殊的url内容") !== -1) {
            document.title = "新的标题";
        }
    </script>

后话

开发中没注意,上线后网络环境变了,发现页面需要加载时间,加载完之前标题一直显示 Webpack App ,用了上面这个方法来处理。

ps:项目标题通过vue router来动态控制的,所以页面加载之前的标题没有被控制到

vue动态index.html默认标题

原文:https://www.cnblogs.com/creci/p/13921083.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!