vue设置TDK

代码

utils/brower.js

export function changeTitle (title) {
  let dom = document.querySelector('title')
  if (dom) {
    dom.innerText = title
  }
}
export function changeKeywords (title) {
  let dom = document.querySelectorAll('meta')[3]
  if (dom) {
    dom.setAttribute("content",title)
  }
}
export function changeDescription (title) {
  let dom = document.querySelectorAll('meta')[4]
  if (dom) {
    dom.setAttribute("content",title)
  }
}

使用

import { changeKeywords ,changeDescription,changeTitle } from '@/utils/brower'

  beforeCreate () {
    changeTitle('Title')
    changeKeywords('Keywords')
    changeDescription('Description')
  },