/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

29 votes290 views4 answers
Create new project vue
Javascript Vue
1 vote239 views1 answer
V-for only getting one first value vuejs
Javascript Vue
0 vote222 views1 answer
What is .eslint.js in vue
Javascript Vue
2 votes229 views2 answers
Access data out of Axios .then vue.js
Javascript Vue
1 vote224 views1 answer
Vue access computed property in data
Javascript Vue
0 vote224 views1 answer
Reset reactive state vue 3
Javascript Vue
0 vote226 views1 answer
Print vue-chart.js
Javascript Vue
0 vote233 views1 answer
Vue cli debugger
Javascript Vue
1 vote236 views4 answers
For loop vue object
Javascript Vue
6 votes231 views1 answer
Vuejs set
Javascript Vue