/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 vote362 views1 answer
Vue directive parameter
Javascript Vue
0 vote375 views1 answer
Vue function data update
Javascript Vue
1 vote357 views1 answer
Vue access computed property in data
Javascript Vue
4 votes353 views1 answer
How to create a global variable in vue
Javascript Vue
0 vote346 views1 answer
Nuxt vuetify google fonts undefined
Javascript Vue
0 vote403 views1 answer
Await vuex dispatch true
Javascript Vue
35 votes413 views6 answers
Vue3 cdn
Javascript Vue
1 vote375 views2 answers
Vue watch props
Javascript Vue
0 vote342 views1 answer
Vue i18n command
Javascript Vue
0 vote342 views1 answer
Vuejs chatbot widget
Javascript Vue