/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

3 votes206 views2 answers
Countdown using vue
Javascript Vue
5 votes198 views3 answers
Vue select option v-for selected
Javascript Vue
1 vote360 views2 answers
Vue 3 props
Javascript Vue
2 votes199 views2 answers
Vue directive
Javascript Vue
0 vote202 views1 answer
Chunks bug vue js
Javascript Vue
2 votes193 views2 answers
Vue js redirect to external url new tab
Javascript Vue
15 votes440 views6 answers
Vue.js
Javascript Vue
0 vote195 views1 answer
Vue shortcut to create component
Javascript Vue
0 vote202 views1 answer
Remove # url vuejs
Javascript Vue
2 votes194 views2 answers
Vue + change router link active class
Javascript Vue