/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 vote226 views1 answer
Vue js attribute binding
Javascript Vue
1 vote177 views1 answer
Vuejs delay watch
Javascript Vue
0 vote174 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
1 vote205 views4 answers
For loop vue object
Javascript Vue
0 vote187 views1 answer
Vue js override component css
Javascript Vue
3 votes142 views1 answer
Vue watch child component property
Javascript Vue
0 vote183 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
0 vote190 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote192 views1 answer
Vue apollo refetch every x ms
Javascript Vue
-2 votes180 views2 answers
Timestamp convert moment vue
Javascript Vue