/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

1 vote214 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
0 vote232 views1 answer
Vuetify checkbox click firing twice
Javascript Vue
0 vote220 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote216 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue
0 vote220 views1 answer
Vuejs typescript can't access data
Javascript Vue
0 vote213 views1 answer
How to find length of a assocative array vuejs
Javascript Vue
0 vote225 views2 answers
Vuejs scrollBehavior
Javascript Vue
0 vote207 views1 answer
Hide component on click vue
Javascript Vue
4 votes203 views1 answer
How to run a vue js hello world app in vue version 3
Javascript Vue
0 vote234 views2 answers
Vue chart nuxt
Javascript Vue