/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 vote197 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote139 views1 answer
Deploy vue js to shared hosting
Javascript Vue
0 vote148 views1 answer
Adding jquery to vuepress
Javascript Vue
0 vote150 views1 answer
Vue chart print
Javascript Vue
0 vote164 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote144 views1 answer
Laravel vue global function
Javascript Vue
0 vote150 views1 answer
Vuejs get data fromo ajax
Javascript Vue
3 votes163 views2 answers
Vue fetch api
Javascript Vue
5 votes154 views3 answers
Vue select option v-for selected
Javascript Vue
8 votes153 views3 answers
Vue redirect to route
Javascript Vue