jellyfish_1 2022-02-22 17:35 采纳率: 75%
浏览 26
已结题

vue项目中pubile/index.html文件设置动态meta?

img


如何设置description,和keywords的content可以随着接口改变而改变
接口该如何再index.html中调用,如何复制

  • 写回答

3条回答 默认 最新

  • 你好!机器人 2022-02-22 18:07
    关注
    在router.js配置meta
    {
          path: '/teachers',
          name: 'TDetail',
          component: TDetail,
          meta: {
            title:"标题",
            description: '描述'
          }
        },
    
    
    
    //main.js里面的代码
      router.beforeEach((to, from, next) => {
      /* 路由发生变化修改页面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()
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月25日
  • 已采纳回答 3月17日
  • 创建了问题 2月22日

悬赏问题

  • ¥60 Qcustomplot绘制实时动态曲线
  • ¥20 运用matlab画x-y图
  • ¥15 用idea运行项目,运行tomcat报错:断言失败
  • ¥15 Sqlserver查询链接服务器数据问题
  • ¥15 Bibtex4Word 引用中文文献
  • ¥20 用opencv c/c++ 转换成灰度图,然后做一下直方图均衡,输出mp4文件
  • ¥20 matlab中的双层数值积分
  • ¥50 服务器打印水晶报表问题
  • ¥30 gradle环境下javafx项目如何使用druid连接池
  • ¥15 服务器打印水晶报表问题