/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 vote118 views1 answer
Http requests in vue 3
Javascript Vue
0 vote100 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote96 views1 answer
Desable no unused vars in vue.js
Javascript Vue
6 votes129 views1 answer
Vuejs set
Javascript Vue
15 votes222 views6 answers
Vuejs
Javascript Vue
0 vote104 views1 answer
Delete item from a foreach vuejs
Javascript Vue
12 votes105 views6 answers
Vue
Javascript Vue
3 votes111 views1 answer
Submit form in vue
Javascript Vue
-1 vote104 views4 answers
Vue font awesome icons
Javascript Vue
15 votes246 views6 answers
Vue.js
Javascript Vue