/Javascript/Vue/Update head tag metadata vue

Update head tag metadata vue

created() {
  fetch('test.json')
    .then(resp => resp.json())
    .then(items => {
      this.items = items;
      const descEl = document.querySelector('head meta[name="description"]');
      const titleEl = document.querySelector('head title');

      descEl.setAttribute('content', items[0]['meta-desc']);
      titleEl.textContent = items[0]['meta-title'];
    })
}

Source: stackoverflow.com

Similar codes

0 vote137 views1 answer
Vue.js use scss in balise style
Javascript Vue
1 vote144 views1 answer
Vue js copy text to clipboard
Javascript Vue
77 votes407 views6 answers
Install vue cli
Javascript Vue
6 votes172 views1 answer
How set stye in component inline in vue
Javascript Vue
2 votes149 views1 answer
Vue directive access this
Javascript Vue
0 vote139 views1 answer
How to open same project on different devices vue js
Javascript Vue
7 votes141 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote144 views2 answers
Vue on page link or anchor
Javascript Vue
0 vote137 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
0 vote134 views1 answer
Vuex get data in mounted
Javascript Vue