/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

6 votes197 views4 answers
V-for vue
Javascript Vue
1 vote211 views1 answer
Import js function in vuejs
Javascript Vue
0 vote212 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote206 views1 answer
Vue jest run single test
Javascript Vue
0 vote196 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
2 votes195 views1 answer
Open url in new window vue
Javascript Vue
0 vote202 views1 answer
Chunks bug vue js
Javascript Vue
1 vote221 views2 answers
Vue settimeout in computed
Javascript Vue
0 vote196 views1 answer
Vuejs use set to prevent duplicates
Javascript Vue
0 vote236 views1 answer
Vuejs v-model when enter pressed
Javascript Vue