/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 vote353 views2 answers
Focus on input field vuejs event
Javascript Vue
0 vote363 views2 answers
Vue get props into data
Javascript Vue
0 vote334 views1 answer
Re init data vue js
Javascript Vue
21 votes475 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
0 vote374 views1 answer
Lazy loading by scroll vue
Javascript Vue
0 vote338 views1 answer
Use vue cdn with firestore
Javascript Vue
0 vote359 views1 answer
Vuejs select placeholder
Javascript Vue
1 vote349 views1 answer
Vue js access data in method
Javascript Vue
11 votes361 views2 answers
Go to next route vuejs
Javascript Vue
0 vote481 views3 answers
Vue read url
Javascript Vue