/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 vote205 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
62 votes396 views4 answers
How to install vue
Javascript Vue
4 votes210 views2 answers
Global variable vuejs
Javascript Vue
1 vote224 views4 answers
For loop vue object
Javascript Vue
1 vote185 views1 answer
How get first option in select in vue js
Javascript Vue
0 vote179 views1 answer
Vue js store and retrieve api data to localstorage
Javascript Vue
1 vote355 views2 answers
Vue 3 props
Javascript Vue
0 vote193 views1 answer
Concat class name vue js
Javascript Vue
0 vote174 views2 answers
Scroll to top router link vue
Javascript Vue
1 vote209 views2 answers
Focus on input field vuejs event
Javascript Vue