/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

3 votes411 views2 answers
Vue add watcher
Javascript Vue
2 votes330 views1 answer
Add tailwind to vue 3
Javascript Vue
0 vote344 views1 answer
Expect vue test utils compare objects
Javascript Vue
0 vote390 views1 answer
Vue displaying a this.length
Javascript Vue
1 vote330 views1 answer
Content editable vuejs
Javascript Vue
0 vote339 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
0 vote341 views1 answer
Get base url vuejs
Javascript Vue
4 votes361 views3 answers
Vue get element height
Javascript Vue
0 vote336 views1 answer
How to get attr in vuejs
Javascript Vue
0 vote350 views1 answer
Vue dispatch action at tab close
Javascript Vue