/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

15 votes463 views6 answers
Vue.js
Javascript Vue
7 votes326 views2 answers
Vue watch handler
Javascript Vue
0 vote305 views1 answer
Vue js set array value by key
Javascript Vue
0 vote315 views1 answer
Vuejs select placeholder
Javascript Vue
1 vote312 views1 answer
Vue dynamic route push with params
Javascript Vue
0 vote333 views1 answer
Vuex get data in mounted
Javascript Vue
0 vote298 views1 answer
Vue get window width
Javascript Vue
1 vote294 views1 answer
Vue-resource patch
Javascript Vue
0 vote296 views1 answer
Vue.js props undefined type
Javascript Vue
3 votes304 views1 answer
V-switch vuex store
Javascript Vue