/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 vote127 views1 answer
Get the length of an object vuejs
Javascript Vue
0 vote122 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
-2 votes138 views1 answer
Vue js get routes
Javascript Vue
2 votes135 views1 answer
Vue js data bind
Javascript Vue
0 vote124 views2 answers
Vuejs scrollBehavior
Javascript Vue
0 vote119 views1 answer
Vue v-for loop array
Javascript Vue
0 vote123 views1 answer
Vuejs take rgba values from coordinate
Javascript Vue
28 votes169 views4 answers
Vue inline style bind
Javascript Vue
0 vote121 views1 answer
How to pass methods in vue js
Javascript Vue
0 vote163 views1 answer
Vue router transition
Javascript Vue