/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 vote106 views1 answer
Use $axios in vuex in nuxt
Javascript Vue
1 vote102 views1 answer
Biding multiple class vuejs
Javascript Vue
0 vote121 views1 answer
Sortby vue
Javascript Vue
0 vote127 views2 answers
Alertify js vue
Javascript Vue
0 vote102 views1 answer
Dynamically populate vue material table
Javascript Vue
0 vote75 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote105 views1 answer
Reset reactive state vue 3
Javascript Vue
0 vote106 views1 answer
Vue i18n command
Javascript Vue
0 vote121 views1 answer
How to add okta api to vuejs
Javascript Vue
-1 vote111 views2 answers
How to call function from another component in vue js
Javascript Vue