/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 vote284 views2 answers
For i in range vue js
Javascript Vue
0 vote290 views1 answer
Expect vue test utils compare objects
Javascript Vue
0 vote295 views1 answer
Vuejs localstorage add value
Javascript Vue
2 votes289 views3 answers
Vuejs copy to clipboard
Javascript Vue
0 vote282 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
0 vote281 views1 answer
Vuejs pass data to router-view
Javascript Vue
0 vote339 views1 answer
Routing vue with meta tag firebase
Javascript Vue
-1 vote337 views3 answers
Vite vue 3 create new component cli
Javascript Vue
0 vote250 views1 answer
Rails + vue js projcet demo
Javascript Vue
0 vote291 views1 answer
Vue.js use scss in balise style
Javascript Vue