/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

2 votes201 views1 answer
Add tailwind to vue 3
Javascript Vue
0 vote188 views1 answer
Vue js app component
Javascript Vue
0 vote183 views1 answer
Vuejs input call the value
Javascript Vue
13 votes225 views3 answers
Vuex v-model
Javascript Vue
0 vote201 views1 answer
Use vue cdn with firestore
Javascript Vue
1 vote200 views1 answer
How to detect props change in vue
Javascript Vue
2 votes207 views1 answer
Button click redirection to another page vue
Javascript Vue
1 vote201 views1 answer
Vue jest trigger input string
Javascript Vue
0 vote189 views1 answer
Get props from methods in vue
Javascript Vue
0 vote209 views1 answer
How to pass methods in vue js
Javascript Vue