/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

7 votes378 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
0 vote336 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
4 votes316 views2 answers
Vue js tutorial
Javascript Vue
0 vote325 views1 answer
Nuxt vuetify google fonts undefined
Javascript Vue
0 vote344 views1 answer
Vuejs list items from axios
Javascript Vue
-1 vote353 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
3 votes291 views2 answers
Vue event
Javascript Vue
0 vote351 views1 answer
Vue router Async Scrolling
Javascript Vue
18 votes441 views6 answers
Vue js cdn
Javascript Vue
0 vote329 views1 answer
Chunks bug vue js
Javascript Vue