/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 vote313 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
1 vote166 views1 answer
Vuex-module-decorators access other state
Javascript Vue
0 vote168 views1 answer
Data table is not a function in vue
Javascript Vue
3 votes169 views3 answers
Vue fetch
Javascript Vue
1 vote173 views1 answer
Vue watch
Javascript Vue
0 vote168 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
15 votes379 views6 answers
Vue.js
Javascript Vue
1 vote190 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote153 views1 answer
Vue js two form model example site stackoverflow.com
Javascript Vue
1 vote189 views1 answer
Vue dynamic route push with params
Javascript Vue