/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 vote355 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
-2 votes341 views2 answers
Timestamp convert moment vue
Javascript Vue
0 vote354 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 vote373 views1 answer
Vue js destroyed
Javascript Vue
29 votes463 views2 answers
React or vue
Javascript Vue
0 vote354 views1 answer
Vuejs pass all events to child
Javascript Vue
1 vote381 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote307 views1 answer
Dateformat filter vue
Javascript Vue
0 vote352 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote332 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue