/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 vote224 views1 answer
Vue route automatic redirect
Javascript Vue
0 vote249 views1 answer
Vue.js cdn script
Javascript Vue
0 vote295 views2 answers
Vuejs slots events
Javascript Vue
0 vote252 views1 answer
Vue function data update
Javascript Vue
4 votes241 views1 answer
Vue.js axios delete then
Javascript Vue
12 votes218 views6 answers
Vue
Javascript Vue
-1 vote234 views1 answer
Vue resources post
Javascript Vue
0 vote253 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote235 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
1 vote266 views2 answers
Vue 3 props
Javascript Vue