/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 vote230 views2 answers
Why i can't download node-sass while craeting new vue app
Javascript Vue
2 votes242 views1 answer
Add tailwind to vue 3
Javascript Vue
0 vote185 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote217 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote211 views1 answer
Vue js link image link in props doesnt work
Javascript Vue
1 vote220 views2 answers
Target data option select vue js
Javascript Vue
0 vote168 views1 answer
Vuejs reset component
Javascript Vue
10 votes236 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
0 vote211 views1 answer
Vue date helper
Javascript Vue
2 votes222 views1 answer
Vue js data bind
Javascript Vue