/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 vote220 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
7 votes226 views1 answer
Vue 3 composition api watch
Javascript Vue
3 votes207 views5 answers
Vue js count down timer
Javascript Vue
8 votes210 views2 answers
Get params from route vuejs
Javascript Vue
3 votes222 views1 answer
V-switch vuex store
Javascript Vue
1 vote227 views2 answers
Focus on input field vuejs event
Javascript Vue
0 vote203 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote220 views1 answer
Vuetify use selected value
Javascript Vue
0 vote217 views1 answer
Vuejs pass all events to child
Javascript Vue
4 votes225 views1 answer
Vue.js axios delete then
Javascript Vue