/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 vote319 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
1 vote315 views1 answer
Vue-resource patch
Javascript Vue
-1 vote345 views3 answers
Vue is not defined
Javascript Vue
1 vote337 views3 answers
Settimeout in vuejs
Javascript Vue
0 vote320 views1 answer
Vue chart print
Javascript Vue
0 vote318 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
7 votes371 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
1 vote312 views3 answers
Vue router npm install
Javascript Vue
2 votes359 views1 answer
Vue js data bind
Javascript Vue
3 votes327 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue