/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 vote314 views1 answer
Vue 3 define props script setup
Javascript Vue
0 vote288 views1 answer
Vuejs input call the value
Javascript Vue
0 vote342 views1 answer
Vue is undefined vue 3 vue.use
Javascript Vue
0 vote322 views1 answer
How to run method in method vue js on load
Javascript Vue
0 vote283 views1 answer
Vue toggle boolean on click
Javascript Vue
0 vote301 views1 answer
Sortby vue
Javascript Vue
0 vote330 views1 answer
Problem with owl carousel in vue when useing axios
Javascript Vue
0 vote328 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote361 views1 answer
Vue dynamic routes with parameters
Javascript Vue
0 vote313 views1 answer
Use $axios in vuex in nuxt
Javascript Vue