/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 vote132 views1 answer
Live vue js port number
Javascript Vue
1 vote139 views1 answer
Import js function in vuejs
Javascript Vue
0 vote147 views2 answers
Vuetify validate child component
Javascript Vue
0 vote132 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote149 views2 answers
Vue on page link or anchor
Javascript Vue
1 vote143 views2 answers
Add remove to array vue js
Javascript Vue
0 vote169 views2 answers
Vue chart nuxt
Javascript Vue
2 votes151 views1 answer
Acces store from vue console javascript
Javascript Vue
5 votes140 views1 answer
Comment in vue js
Javascript Vue
0 vote142 views1 answer
How to generate random text in vue js
Javascript Vue